css - 无法使用 @use 从示例构建 scss

Question

无论我尝试什么，我都无法从 scss 构建 .css 文件。

我收到以下错误：

Error: Invalid CSS after "  color: c": expected expression (e.g. 1px, bold), was ".$accent-color;"
    on line 4 of sass/c:\MAMP\htdocs\testowy\sass\styles.scss
    color: c.$accent-color;

我正在使用的文件：

_colors.scss：

$accent-color: #535353;

样式.scss：

@use 'uses/colors' as c;
body {
  color: c.$accent-color;
}    

我正在使用 Visual Studio Code，并且尝试了两种不同的编译器扩展。

文件结构：

标签： csssass