发布CSS不转换自定义属性

我有一个使用webpack的项目，该项目利用了PostCSS加载程序和代码拆分功能。使用以下方法，使用SASS加载程序将模块的CSS直接导入到入口点中。

import '@/css/modules/components/_accordion.scss'

某些模块使用CSS自定义属性，这些属性在上面导入的同一入口点的单独模块中声明。

import '@/js/modules/common'

这很好用，但是，只有公共模块中使用的自定义属性可以按照PostCSS加载程序的期望转换为已编译CSS中的十六进制值，而不是随后导入入口点（例如_accordion.scss）的其他每个SASS模块中使用的属性。

作为一种解决方法，为了使它们得以转换，我目前正在导入每个SASS模块顶部包含自定义属性的文件。

@import "css/tools/variables/colors";

但是，这意味着自定义属性声明在多个CSS文件（块）中重复。

我想要一个避免在已编译的CSS中重复声明的解决方案，同时确保所有自定义属性均按PostCSS的期望进行转换。