Javascript 将sass与aurelia样式绑定一起使用

我在摆弄一个使用奥雷利亚的项目。我对此一无所知，所以请原谅我使用了错误的术语

我正在查看的项目在html页面头部的样式标记中包含了大多数样式。这些html文件有一个同名的js文件。样式标记中的css似乎正在使用以下语法导入javascript属性：color:${color}；举个例子。我可以模糊地理解发生了什么，但我想知道所有这些是如何相互通信的，因为我以前从未见过css中的javascript

---

我正在尝试将所有css切换到sass，但不确定是否可以使用Aurelia来更改根据JS更改的css值。在仍然使用${}语法来适应JS中的更改时，有没有办法将这些样式放在外部样式表中？

请发布有问题的代码？它实际上是基于上下文和用于生成脚本标记的源代码。类似于以下链接文件的内容使用字符串插值（${…}语法）和数据绑定。如果将变量绑定到绑定属性（示例中为颜色），则颜色值将更改，字符串插值将更新。因此，css发生了变化。文件：