feat: use style-dictionary for common styling across all webs

[dsiguero]

It's a WIP for now, because there are some questions we need to answer:

1. Do we want to commit the generated files to the repo? I'd say yes, mostly for reference?

• If we do, then we need to include them into dist/ at buildtime (hence the fugly cp commands in package.json). Open to alternatives.
• If we don't, we can tell style-dictionary to output them directly into dist/.

2. Do we want to have a single folder (ie: theme) rather than 2 (theme for Mantine and styles for CSS) to avoid polluting this repo? Probably, right?

But, it works!

(Might need to tweak something in VSCode so the Tailwind IntelliSense picks them up though.)

---

Forgot to mention the generated .ts file (for Mantine) is automatically bundled in dist (because it's .ts), so we wouldn't need to copy it to theme/

[dsiguero]

This should cover any other styling we want to apply across both webs (ie: fonts).

[sergiojoker11]

Curiosity: why is this export like this i.e. *.css ?

Also, are we missing the .theme export?

[dsiguero]

There were some dependencies out-of-order and they were put in their place (alphabetically) when installing tinycolor2 and style-dictionary.

[dsiguero]

I've defined ./styles and ./styles/*.css because in TS we can either import the index.ts or whatever the index exports, but there's nothing like that in CSS, so this allows us to either import the index.css (w/o being explicit): @import '@notifycal/shared/styles'; or a .css file within styles/ if we don't want everything.