Javascript POSTSS插件:如何获取CSS4变量的值

Javascript POSTSS插件:如何获取CSS4变量的值,javascript,build,postcss,css-variables,Javascript,Build,Postcss,Css Variables,我与一起使用,以便通过postCSS修改SVG属性 我不使用postscss css变量插件,因此我的css变量不会转换为纯字符串-它们保持原样在代码中 它必须是这样的,因为我不想通过postsss CSS变量传递整个CSS代码,但是我想使用postsss css variables作为一个独立的工具来解析postss move props to bg image querypostss插件的transform回调中的一些特定变量 我希望能够做到: :根目录{ --我的css变量:蓝色; } .

我与一起使用,以便通过postCSS修改SVG属性

我不使用
postscss css变量
插件,因此我的css变量不会转换为纯字符串-它们保持原样在代码中

它必须是这样的,因为我不想通过
postsss CSS变量传递整个CSS代码,但是我想使用
postsss css variables
作为一个独立的工具来解析
postss move props to bg image query
postss插件的
transform
回调中的一些特定变量

我希望能够做到:

:根目录{
--我的css变量:蓝色;
}
.img{
背景图像:url('./img.svg');
-svg mixer fill:var(--mycss变量);//我需要将'var(--mycss变量)`转换为'blue`
}
当我通过
postsss move props to bg image query
插件传递该代码时,
var(-my css variable)
不会被计算-我想使用
postsss css variables/lib/resolve value
模块来获取该变量的值

我已经将
postsss移动道具分叉到bg image query
,这样在
transform
回调中我就可以访问
root
declaration
postsss对象

const resolveValue=require('postss-css-variables/lib/resolve value');
const moveProps=require('postss-move-props-to-bg-image-query');
module.exports={
插件:[
移动道具({
转换:({name,value},根,声明)=>{
//`name`is'-svg混合器填充'
//'value'是'var(--我的css变量)`。我想把它转换成'blue'`
常数映射={
//我不知道如何使用'name'和'value'来创建结构正确的对象。
};
const evaluatedCssVariable=resolveValue(声明,映射);//我希望它返回'blue'`
返回{
名称:name.replace(/^-svg混合器-/,“”),
值:可评估的CSS变量,
};
},
}),
],
};
现在我被卡住了。我不知道如何使用
resolveValue()
模块。我知道它将
声明
作为第一个参数,将
映射
对象作为第二个参数,但我不知道如何构建适当的
映射
对象

我不一定需要使用
postsss css variables/lib/resolve value
——我只是想我可以用它来提取CSS4变量的值,因为这就是这个插件内部的功能。我愿意接受任何选择