In my current project, I am developing a React/Redux application with Webpack that showcases UI components and enables users to adjust the colors of those components. The styling is being done using CSS Modules with scss. My preference is to keep all the styling within the scss files rather than using any inline styles with JS. I am exploring ways to pass properties from the React component into the corresponding scss file.
For instance, I am retrieving the button color from the React props. Now, I am seeking a method to convert that into a Sass variable and inject it into the scss file. Is there a way to achieve this?