导出具有 css 变量值的 sass 变量

如何解决导出具有 css 变量值的 sass 变量

我正在尝试将具有 css 变量值的 sass 变量导出到我的 react 组件，但我收到了错误的值，代码更容易理解。

这是我的 sass 代码：

$test: var(--color);
:export {test: $test}

我的 css 变量：

:root {
--color:#fc4c02;
}

还有我的 JS 代码：

colors={{
            active: {
            base: colors.test
            }
        }}

我的基色不是 --color 值而是字符串 var(--color)，有人可以帮我吗？