sass可以引用css变量吗？

Question

因为颜色需要配置，所以用css来定义颜色值

:root {
  --color: #ff5722;
}

由于代码是用scss写的，所以在背景色需要透明的时候

background:rgba(var(--bg_light_color),.8)

这时候背景色就会显示不出来，其原因是scss的rgba必须传入一个color值，看样子sass是无法识别css的变量的。

请问有什么办法可以让scss识别css的变量吗？

本地配置

"node-sass": "^4.12.0",
"sass-loader": "^7.1.0",

Answer 1

可以 sass也是css的超集