css - 无法编译我的 SASS 变量

Question

这是我的 Sass 代码

@charset "UTF-8";
$primary-color : #000000;
.cl_primary {
    background: $primary-color !important;
    color:white !important;
    border-color:$primary-color !important;
}
.cl_primary:hover {
    background: #ffffff !important;
    color:$primary-color !important;
}

这就是我在我的 theme.liquid 中导入的方式

{{ 'style.scss.css' | asset_url | stylesheet_tag }}

这是我检查时遇到的错误

.cl_primary {
    background: $primary-color !important;
    color: white !important;
    border-color: $primary-color !important;
}

带有黄色警告“无效的属性值”。谁能明白为什么 Shopify 没有通过 SASS 编译阶段运行代码？