Converting pure css code to styled-components (Question)

I tend to get lots of pure Html and css code from designers that I need to integrate in to a React App. I tried to convert html to JSX (change class to className). However, since I’m using Create React App for lot of these projects I’m not using CSS modules so the css is never locally scoped. This is an issue because the class names are not always uniquely named by designers. I love using styled-components so If was hoping I can utilize it but I can’t seem to figure out How I can use the existing css code and build out styled variables to use in a converted html code to use those converted styled variables .

[iMerica]

Did anyone ever come up with a way to automatically compile plain css to style components?

[SaarasM]

I believe you can use this: metacomponent