我有一个使用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的期望进行转换。