Visualize style inheritance

[jasmussen]

The style hierarchy and the style inheritance it allows can be hard to understand, as it is not surfaced in any way in the editor.

In most cases understanding this style hierarchy is not crucial, as you can accomplish most of what you need to without the visualization. You go to global styles to style site wide, you edit pages to style locally. Nevertheless for more complex sessions, it can be useful to surface, but due to the rarity of needing to surface this, the footprint and UI weight of any visualization feature needs to be small.

Here's a take that makes the design tool label clickable to reveal the inheritance:

• Click a label to see the inheritance
• If the popover has a link, that link should serve as a deep-link to the origin of the inheritance

For this concept to work, the Color flyout has received its own label.

Thoughts?

[jasmussen]

Closing in favor of #49278.