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?

No se nombran archivos fuente, pruebas ni puntos de entrada. Empieza determinando si TypeScript es responsable del comportamiento solicitado de asignación de temas o si corresponde a un proyecto de editor o de resaltado de sintaxis; se considera terminado cuando los nombres de componentes compuestos o sus partes pueden recibir colores de tema distintos.