Make Component Properties Available as Dynamic Data and CSS Variables

I’d love an easy way to make component properties available as dynamic data for use in places like code snippets and within Rich Text.

Additionally it would be awesome to be able to use the values as CSS variables as well within the element CSS.