Request: Way to target Compound Components (eg. React) in a theme specifically. (<MyComponent.*>)

[demiro]

Not sure if other libraries offer something similar, but react has this way of building compound components that result in a code like this:

I think this pattern is quite widely adopted, specially in UI component libraries and is quite versatile and powerful.

What I don't like about it that it becomes extremely hard to read

I would like the way to identify the compound components (slot components) - (or compound part of the name / or both) and set different color to them

so I can get something like

or

would this be possible?

[mjbvz]

Moving to TS since I believe we'd need some new semantic highlighting scopes to support this