:root {
--baseColor: red;
}
:root[dark-theme] {
--baseColor: blue;
}
.test {
color: var(--baseColor);
}CSS File after "npm run build"
:root{--baseColor:red}:root[dark-theme]{--baseColor:#00f}.IIp7v{color:red;color:var(--baseColor)}As you can see above , color property appear twice . Same issue for any class or selector when variables is present .