Update color usage with typography components

[robphoenix]

This changes the way color is handled by the Text and Heading components. As a result of the newly introduced colour-system library, these components, and Typography, will accept a string value, ideally from the colour-system library. Until we get more solid semantic understanding of how colours are used, we will support this more open approach to typography colours.
This change also preempts the deprecation, and future removal, of the background colour context that enables typography components to change their colour based on the parent background colour. Because of this, the Text and Heading components will not support this functionality. If they need to be used on a darker brand background, the appropriate text color should be passed in to the color prop.

[linear]

UWDS-538 Typography changes

to support the removal of the background colour context and the transition from cwui to web-ui, we should initially support the colour context in the Typography component, but not in the Text & Heading components. Therefore we only have to make the breaking change on the Typography component, and consumers can transition to Text & Heading.

Check we still support the Typography component as it is in CWUI, and only make the breaking change in the next major release.

[changeset-bot]

🦋 Changeset detected

Latest commit: 5192f32

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@utilitywarehouse/web-ui	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
web-ui	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	May 9, 2023 1:11pm