[Feature] Adjust Typography scale to match new designs

[magnificode]

User Story

As a user
I want to see nicely scaled typography
So I can read content on the site with ease

Acceptance Criteria

• Typescale for all components across the site should match the designs here: https://www.figma.com/file/Lo1ZcBOO9t4QRbX2I0PwBQ/RBB?node-id=2%3A41
• Variables for the defined font sizes are created and leveraged throughout the site.

Describe the solution you'd like

We'd like all of the typography across the site to be uniform based on the typescale designed out above. We'd like to leverage variables to define these font sizes, and ensure that any component on the site leverages one of these variables.