Allow primary to be explicitly stated in color-related props

[mwskwong]

Which exactly as it sound like. When set, e.g
color="primary", the corresponding components will make use of the primary palette, following the primaryColor defined in the theme.

This should allow components that don't use primary color by default, e.g. Text, to support primary color as well. Currently for these components, the workaround is either hard code the color name, or make use of primaryColor from useMantineTheme().

[rtivital]

You can do that by defining theme.colors.primary

[mwskwong]

Ah, that too. Thanks a lot for the suggestion. Although if a user is planning to use one of the default palette, doing so would essentially duplicate a set of CSS vars. Not too big deal though.

Though ideally, I wish I could utilize the --mantine-primary-color-* colors directly via props.