Revise Text Styles in Figma's Design System

### Overview
We noticed that the Titles and Headers in the design system needs to be revised because the only difference between text variations are the size and boldness of them. How can we revise the typography section of the Design System to work better together without size and boldness of fonts being the only variation options between Titles and Headers?

### Action Items
- [x] Create a Figma page to work on this issue in and name it " Revised Text Styles_Issue 2601". Link it in the resources section of this issue
- [x] Revise the Typography section on the new figma page. You may use recommendations from
- #2361
- https://github.com/hackforla/website/issues/1797#issuecomment-1001077278 - This is an example from another design system where additional weights are provided
- [ ] Present your revised text typography to the team for feedback
- [ ] Once the new text style typography is approved update the design system with them.
- [ ] Present the finished issue to the team.

Next Steps
- [ ] We need to make an issue to create and update the Text Styles in the Design System so that we can easily reuse them in the future. Then, another issue to apply the new text styles to each pages latest desktop and mobile designs (In red container).

### Resources/Instructions

- [Hack4LA Design System](https://www.figma.com/file/0RRPy1Ph7HafI3qOITg0Mr/Hack-for-LA-Website?node-id=3464%3A3)
- [Font Weight Audit](https://www.figma.com/file/0RRPy1Ph7HafI3qOITg0Mr/Hack-for-LA-Website?node-id=18792%3A126489)
- [Revised Text Styles_Issue 2601](https://www.figma.com/file/0RRPy1Ph7HafI3qOITg0Mr/?node-id=19750%3A127092)

#### External advice

- https://www.designsystems.com/typography-guides/
- https://blog.prototypr.io/10-practical-steps-to-create-a-predictable-accessible-and-harmonious-typography-system-a-case-6c85d901bedd
- https://medium.com/eightshapes-llc/typography-in-design-systems-6ed771432f1e