Javascript 使用Scss和JS变量设置React项目的主题

有没有办法在scss文件中导入javascript变量？ 例如，我有这个javascript文件，并希望在我的scss文件中使用它

// sky blue
const PRIMARY_COLOR = '#489FEF'    
export { PRIMARY_COLOR}

我想在我的scss文件中使用它作为

.sampleClassName { border: $PRIMARY_COLOR 3px solid }

我之所以这样做，是因为我想用SCS对我的项目进行主题化和风格化。如果有更好的方法，请告诉我。谢谢大家!

一种方法是使用

---

不过，我不会使用这样的组件。

有一个包，它使用节点sass将导出的JS值解析并转换为scss类型。然后，您就可以像任何其他scss文件一样，将js文件

要求
放入您的scss中。也适用于Webpack


const PRIMARY_COLOR = "#489FEF";

const Button = styled.a`
  border: ${PRIMARY_COLOR}
`;