Typography update (2.0)

[Spark450]

Background:

Currently, our margin top and bottom for our type scale has to beadjusted for each use in page context. For example, in developing our website, or developing a service, that means custom styles need to be applied to each text element constantly.

Acceptance Criteria:

Outlined in Figma file here. Review design with @twjeffery when starting.

• default margin for each text size updated
• need to allow overrides for alternate spacing values/tokens and/or 0 margin
• default spacing changes based on text pairs
• default max width based on character count
• include mobile sizing for typography
• text component for development
• test to determine if this is a breaking change for teams
• Once this issue has passed code review, inform @twjeffery so that he can coordinate the release of the design documentation.

[vanessatran-ddi]

Potentiality: We can extract reset.css and people can use it. Discussed with @twjeffery and @chrisolsen Kind of a theme, also use token variables.