1. Add responsive pixel sizes to the typography components

[github-actions[bot]]

Preview uploaded to https://preview.threshold.network/respoonsive-typography/index.html.

[georgeweiler]

Hey @r-czajkowski I decided to go with pixel sizing because there are only 4 elements that change size responsively. I figured that it's easier to use the {{ base: "40px", md: "48px" }} pattern on those elements rather than using rem or em and having to tell the other elements to remain the same size. Let me know if that makes sense and what you think - happy to discuss further