Create individual SDDS component css files from scss files

Update title.

Assigning to Richard to figure out approach.

Kristen Pol → credited alan.cole → .

Credit to alan.cole for discussion.

Alan's WIP code is here:

https://git.drupalcode.org/project/demo_design_system/-/commit/7b3fb8af8...

Will see if Richard can help with this one this week.

Note, that we are still not sure this is 100% needed for the demo because XB and our stuff are not far enough along for us to be able to tell.

MR: https://git.drupalcode.org/project/demo_design_system/-/merge_requests/2...

kristen pol → credited RichardGaunt → .

I'm testing and doing a tweak.

This was merged and is working with this hack at the top of all of the component css files:

@import url("../../../../dist/base.css");

to grab all the colors/etc.

At some point, we can remove that once this is fixed (assuming that fixes the problem):

🐛 The component preview should have a background: include theme's global asset libraries for component preview Needs work

I'll make a followup issue.

Follow-up issue:

📌 Remove base.css import in SDDS component css files generated by splitcss Postponed

Automatically closed - issue fixed for 2 weeks with no activity.