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

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?

Es werden keine Quelldateien, Tests oder Einstiegspunkte genannt. Beginne damit festzustellen, ob TypeScript für das angeforderte Verhalten zur Theme-Zielzuordnung zuständig ist oder ob es zu einem Editor- oder Syntax-Highlighting-Projekt gehört; als erledigt gilt die Aufgabe, wenn zusammengesetzte Komponentennamen oder -teile unterschiedliche Theme-Farben erhalten können.