SCSS - Как импортировать только @USE 'переменные' в основном файле, а не во всех файлах ⇐ CSS

[Anonymous]

Итак, не уверен, смотрю ли я в правильном направлении, но пытаюсь использовать последнюю SASS, я хотел бы заменить мой @Import's на @Использование, как хороший мальчик. Допустим, моя структура папок такова: < /p>
styles/
├─ main.scss
├─ _variables.scss
├─ components/
│ ├─ checkbox.scss
│ ├─ input.scss
│ ├─ radio.scss
< /code>
А потом в моем main.scss я хочу сделать это: < /p>
@use "variables" as *;

@use "components/checkbox";
@use "components/radio";
@use "components/input";
< /code>
и в моем флажке. Потому что это не сработает из коробки, я думаю: (

Подробнее здесь: https://stackoverflow.com/questions/795 ... -all-files