is there a way to load css variables according to current environement?

Question

I have a react project with "_variables.scss" file with many variables. I need to change the variables value according to the current environment, ( for example $g