How to pass custom class name on react and use scss?

Linda

I am trying to create a react component that has the class name as props being passed, I have managed sending the props part successfully, however when I try to set the scss for the updated class name, I could not find a way to fix that, all of your input is appreciated.

Code of the component

Code of injecting the custom style class Styles of the Variation

Output

Output of the Variation Class Output of the Stylesheet

not sure what I am missing to connect all of them. Thanks in advance.