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?

Non vengono indicati file sorgente, test o punti di ingresso. Inizia determinando se TypeScript è responsabile del comportamento richiesto di assegnazione del tema o se appartiene a un progetto di editor o di evidenziazione della sintassi; il lavoro è completato quando i nomi dei componenti composti o le loro parti possono ricevere colori del tema distinti.