[Theming] Use color names in props

[zachstence]

Description

Enables the usage of color/colorPalette/colorScale names in props

E.g.

<Story name="Using color token">
	<Tabs color="accent">
		<Tab label="Tab 1" id="tab1">Tab 1 content</Tab>
		<Tab label="Tab 2" id="tab2">Tab 2 content</Tab>
		<Tab label="Tab 3" id="tab3">Tab 3 content</Tab>
	</Tabs>
</Story>

<Story
	name="With seriesOrder and seriesColors"
	args={{
		x: 'x',
		y: 'y',
		series: 'series',
		seriesOrder: ['ivory', 'blue', 'violet', 'olive'],
		seriesColors: { ivory: 'primary', blue: 'secondary', violet: 'accent', olive: 'negative' }
	}}
/>

Checklist

• [ ] For UI or styling changes, I have added a screenshot or gif showing before & after
• [ ] I have added a changeset
• [ ] I have added to the docs where applicable
• [ ] I have added to the VS Code extension where applicable