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?

ソースファイル、テスト、エントリポイントは指定されていません。まず、要求されているテーマ対象化の動作を TypeScript が担っているのか、それともエディターまたは構文ハイライトのプロジェクトに属するのかを判断します。複合コンポーネントの名前またはその一部に個別のテーマカラーを適用できれば完了です。