Compile SCSS to CSS

[lottamus]

User story.
As a developer, I can use @stoplight/elements without needing to compile the SCSS files myself.

Is your feature request related to a problem?
BigCommerce and PagerDuty are using these React components in their GatsbyJS sites. Prior to v5, we were compiling the SCSS files into a single CSS bundle that they are including in their build.

Describe the solution you'd like
Compile the SCSS files to CSS using node-sass or similar.

[marcelltoth]

I believe the problem is more general. We should not force our clients to use TypeScript and similar either.

Proposal:

Let's create a bundle:

• 2 single JS file, one ESM one CommonJS
• ES2017+
• 1 single CSS file
• 1 .d.ts file
• maybe a source map

And distribute this instead of the separate files right now.

As we specify sideEffects: false webpack will still be able to tree-shake it, so I don't see any disadvantages.