Sass расширить класс из модуля

Question

С новой системой модулей в sass (с @use вместо @import), как я могу определить класс в одном файле и использовать его в другом файле с @extend?

Файл цвета .s css

 .element {
   background-color: blue;
 }

основной файл

@use "./colors.scss" as colors;
body {
  @extend .element;
}

Это приводит к следующей ошибке:

"body" не удалось @extend ".элемент". Селектор ".element" не найден. Используйте «@extend .element! Необязательный», если расширение может потерпеть неудачу.

Пример: https://stackblitz.com/edit/angular-tufq7f?file=src%2Fstyles.scss

Как настроить sass для получить его от colors.s css?

Answer 1

Оказывается, здесь есть несколько разных проблем. Во-первых, в примере с Stacblitz используется старая версия sass, у которой нет поддержки модулей. Другая причина заключается в том, что из модуля sass witch невозможно указать расширение класса css. Правильное решение - это то, что я написал в вопросе:

@extend .element;