SCSS导出通用代码以减少重复

Question

我对SCSS很陌生。在我的项目中，有几个主题，每个主题包含一个特定的.css文件，其中有一些重复的代码。

例如，在我的one/base.css中，我有以下代码，其中color1是此主题中使用的主要颜色：

.a{
    color: color1
}

在two/base.css中，我有

.a{
    color: color2
}

无论如何，我在pf根项目中创建了一个名为common.sccs的文件，该文件包含：

.a{
    color: $primary_color;
}

$primary_color文件中未定义common.sccs。然后在one/base.scss和two/base.scss中我有这样的东西：

$primary_color: color1;
@import("../../common")

和{{1}中的a标签是one.scss和color1是two.scss？

我现在正在这样做，但是结果color2恰好包含导入行：

base.css

并且@import "../../common"; 中的代码未出现在其中。

谢谢