проблема компиляции sass с @use и @forward

Question

Я исследую это уже несколько часов, и это сводит меня с ума. Я пробовал 3 компилятора, и все они дают одну и ту же ошибку.

Error: no mixin named flex

Мой код:

// style.scss
@use "mixins" as *;

.home {
  .header {
    @include flex(column);
    padding: 20px 10px 0;
    text-align: center;
  }
}

// _mixins.scss
@forward "mixins/flex";
@forward "mixins/overlay";

// mixins/_flex.scss
@mixin flex($flex-flow: row, $justify-content: center, $align-items: center) {
    display: flex;
    justify-content: $justify-content;
    align-items: $align-items;
    flex-flow: $flex-flow;
}

Answer 1

Вам понадобится компилятор, использующий Dart Sass.

Я рекомендую использовать prepros . У них есть бесплатная версия и платная, самая большая разница между двумя версиями заключается в том, что в бесплатной версии появляется раздражающее всплывающее окно.