Почему использование at-правила не работает в Sass? ⇐ CSS

[Anonymous]

Я начинаю с sass и пытаюсь импортировать файл с моими переменными.

он ​​выглядит так

Код: Выделить всё

// _variables.scss
$blue: #0D6EFF;
$red: #FB2B37;
$black: #272727;
$green: #31E3A1;
$lightgrey: rgba(172, 179, 186, 0.5);

Код: Выделить всё

// style.scss
@use "variables";

html, body{
height: 100%;
margin: 0;
position: relative;
color: $blue;
font-size: 18px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

При компиляции я получаю «Неопределенную переменную», а в моем style.css вверху появляется «@use 'variables'», но если вместо этого я использую @import, все работает хорошо. Я знаю, что мог бы использовать импорт, но на веб-сайте Sass рекомендуют использовать «@use», так что не могли бы вы помочь мне исправить эту ошибку и понять, почему она не работает?

Подробнее здесь: https://stackoverflow.com/questions/610 ... rk-in-sass