Moving from styles-components to SCSS Modules.

[inavac182]

With the popularity of JS frameworks that pushes for server components such as Remix and NextJS we want to also evolve with them and move from CSS-in-JS to SCSS Modules, this will allow the library to be used in server components.

In order to do the migration we will have to do a few things:

• ✅ Add support for SASS in library
• ✅ Add sass loaders to tsup
• ✅ Configure jest to work with scss classes
• ✅ Move styles from styled-components to scss
• ✅ Update docs app to import styles
• ✅ Update generator scripts for NextJS and Remix
• ✅ Update theme generator to generate CSS file with theme variables rather than json object

[inavac182]

I just merged the initial PR migrating some components to V3, will continue with the rest of them later today

[inavac182]

All components are migrated now to SCSS, will update docs page, theme generator in another PR.

[inavac182]

Docs page have been updated to remove styles components in the docs. Next step is to update the theme generator to generate the new CSS file with all theme variables set up.

[inavac182]

Create theme tool has been updated: https://github.com/inavac182/uireact/commit/8a117d5f7703d54573caa7efba2f0e0a6bb590c3

[inavac182]

This is completed now 🚀