Recently, I noticed that some of my CSS variable names are being changed to something else on the server-side rendering build, causing them not to work as expected. An example of this is:
.color-black-75 {
color: var(--black-75-color);
}
In my styles.css file, however, when I check the project on the server in a browser, it displays differently:
https://i.sstatic.net/gmCU9.png
I've gone back to older commits from 1 month and 2 months ago, but this issue still persists. The strange thing is that everything works perfectly fine when I build the project locally (using Docker), but for some reason, it's causing certain CSS classes to not work properly on the server.