SASS typography file parser

[mesqueeb]

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

@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