Styling Web Component elements in the shadow DOM with constructable stylesheets

For the last two weeks, we’ve been looking at why styling elements in the shadow DOM sucks so bad, and what to do about it.
So far, we’ve looked at using inline styles, external stylesheets, CSS variables, and parts.
Today, let’s look at the final approach we can use: constructable stylesheets.

Source: Styling Web Component elements in the shadow DOM with constructable stylesheets