Почему бросок узла нахальстом "Неверный CSS после \" @include corners \ ": ожидаемый \"} \ ", был \". Округлен; \ ""

Question

Согласно приведенному здесь примеру Я создал проект со следующими файлами ...

// _corners.scss
$-radius: 3px;

@mixin rounded {
  border-radius: $-radius;
}

// style.scss
@use "./corners";
.button {
  @include corners.rounded;
}

, но когда я запускаю его с node-sass, как ...

./node_modules/.bin/node-sass src/components/test/style.scss dist/output.css --include-path node_modules

Я получаю ...

{
  "status": 1,
  "file": "/.../web/ui/src/components/test/style.scss",
  "line": 4,
  "column": 12,
  "message": "Invalid CSS after \"  @include corners\": expected \"}\", was \".rounded;\"",
  "formatted": "Error: Invalid CSS after \"  @include corners\": expected \"}\", was \".rounded;\"\n        on line 4 of src/components/test/style.scss\n>>   @include corners.rounded;\n\n   -----------^\n"
}

Чего мне не хватает? Я тоже пробовал sass версию, но ни одна не работает

Answer 1

Node-sass, основанный на libsas, в настоящее время не поддерживает синтаксис @use, только dart-sass поддерживает https://sass-lang.com/documentation/at-rules/use