feat(universal): add single text component w/context to replace other children text components

[mrzachnugent]

This will remove children text components like <ButtonText />. It will use a <Text /> component from typography.

The Text component has a context that any parent can provide a className value for the text component. While using the cn utility function, undefined values from the context are ignored and the closest parent wins specificity.

Example:

import { Text } from '~/components/universal-ui/typography';

const Parent = (props) => <TextClassContext.Provider value="text-blue-500"><View {...props} /> </ TextClassContext.Provider>

const Component = () => <Parent><Text>Content</ Text></ Parent>

The "Content" text in the Text component will be blue.

[mrzachnugent]

Suggestion from Discussions: #21

[trentcharlie]

I think this is looking great. Pretty much matches the implementation I was working on.

[mrzachnugent]

I think this is looking great. Pretty much matches the implementation I was working on.

@trentcharlie
Sorry, I didn't understand that you were working on the implementation. I thought you would share more details before working on it.