Multiple Instances of Same CSS Block

[saurabhdaware]

Describe the bug

While using a component, if you reuse the component multiple times, it is currently adding inlined CSS of that component multiple times as well

To Reproduce

• Create a component
• Import it and call it multiple times

Expected behavior

• I feel we should add it to a separate CSS file and import the css file.

Screenshots

Specs:

• Abell Version:
• Node Version:
• Operating System:

Additional context

[saurabhdaware]

We'll have to stop appending the css inlined to components and instead extract some sort of css-stats.json file that has css related to a file.

Then we can have some function like collectCSS (similar to stitches, styled-components, and any other css-in-js library) and then generate a css file based on that.