Carbon Styles: Sass style sheet

[pinussilvestrus]

Closes #633

• Transforms the styled component carbon-styles to a scss file
• Adds a visual regression test that uses the scss file
• Deprecate old carbon-styles.js styled component

It can be tested via npm run start:carbon

[pinussilvestrus]

I'd like to update the theming specs to use the carbon styles as well. It anyway already uses the /carbon root.

[pinussilvestrus]

@vsgoulart the transformation should be done 🎉

Things to clarify

• I for now only deprecated the old styled component, and removed the reference from the package. We could also remove it right now, but we can also wait to support the legacy use case at least.
• The Tasklist Carbonization is failing because of the point above. I will try out the new sass file in Tasklist and see whether everything works as expected 👍

[pinussilvestrus]

Some minor things are broken with the sass file (only disabled styles)

I will handle these 👍

Here is the draft PR in Tasklist to replace the stylesheet: https://github.com/camunda/tasklist/pull/3749

[pinussilvestrus]

The minor issues are resolved ✅

[vsgoulart]

Tested it on Tasklist and everything worked fine

[vsgoulart]

Should we provide a CSS file too? Not sure if it's necessary, because almost everyone that uses modern Carbon would have to use SCSS

[pinussilvestrus]

Yeah I thought about that one, but as you said, the main use case currently is Tasklist and our products anyway, so a CSS file would be obsolete. We can wait for feedback and easily add the compilation step on top.