SASS typography file parser

For the typography we need to show:

A list of all typography classes from top to bottom.
Include the CSS classes to use these.

example file

```sass
@import url("https://fonts.googleapis.com/css2?family=Open+Sans&family=Poppins:wght@400;500;600;700&display=swap")

body
font-family: 'Poppins', sans-serif

.t-h1
font-weight: bold
font-size: 56px
line-height: 64px
letter-spacing: 0.01em

.t-h2
font-weight: 600
font-size: 40px
line-height: 56px

.t-h3
font-weight: bold
font-size: 36px
line-height: 40px
letter-spacing: 0.01em

.t-h4
font-weight: 600
font-size: 32px
line-height: 40px

.t-h5
font-weight: 600
font-size: 24px
line-height: 30px
letter-spacing: 0.01em

.t-h6
font-weight: 600
font-size: 20px
line-height: 24px

.t-subtitle1
font-weight: 600
font-size: 16px
line-height: 20px

.t-subtitle2
font-weight: 500
font-size: 14px
line-height: 20px
letter-spacing: 0.005em

.t-body1
font-family: Open Sans
font-weight: normal
font-size: 16px
line-height: 24px

.t-body2
font-family: Open Sans
font-weight: normal
font-size: 14px
line-height: 20px
letter-spacing: 0.01em

.t-button
font-weight: 600
font-size: 14px
line-height: 24px
letter-spacing: 0.01em

.t-caption
font-weight: normal
font-size: 12px
line-height: 16px
letter-spacing: 0.02em

.text-caption t semibold
font-weight: 600
font-size: 12px
line-height: 16px
letter-spacing: 0.02em

.t-overline
font-weight: 600
font-size: 12px
line-height: 16px
letter-spacing: 0.08em
text-transform: uppercase

.t-micro
font-weight: normal
font-size: 10px
line-height: 14px
letter-spacing: 0.02em
```