В чем разница между директивой @use и директивой @import

@use и @import - это директивы Sass для подключения модулей, но с ключевыми отличиями:

1. Изоляция
   @use создает локальное пространство имен, предотвращая конфликты. @import глобально подключает все.

2. Доступ к членам
   С @use нужно явно указывать пространство имен:

@use 'buttons';
.button { @include buttons.style; }

С @import все доступно сразу:

@import 'buttons';
.button { @include style; }

3. Производительность
   @use загружает модуль один раз, даже при многократном подключении. @import может дублировать код.

4. Настройки
   @use позволяет передавать параметры:

@use 'buttons' with ($color: blue);

@import считается устаревшим и будет удален в будущих версиях Sass. Рекомендуется использовать @use для новых проектов.