[Web] Generated CSS has obsolete tokens

[JoJk0]

Describe the bug Generated typography CSS has wrong token names.

To Reproduce Steps to reproduce the behavior:

1. Go to https://m3.material.io/theme-builder#/custom
2. Export CSS of the theme
3. Open CSS file
4. Observe the incorrect CSS variables

.headline1, .display-small {
  font-family: var(--md-sys-typescale-headline1-font);
  font-weight: var(--md-sys-typescale-headline1-weight);
  font-size: var(--md-sys-typescale-headline1-size);
  line-height: var(--md-sys-typescale-headline1-line-height);
  letter-spacing: var(--md-sys-typescale-headline1-tracking);
}

Expected behavior Generate CSS with correct variables complying to the current spec on https://m3.material.io/styles/typography/type-scale-tokens

.headline1, .display-small {
  font-family: var(--md-sys-typescale-display-small-font);
  font-weight: var(--md-sys-typescale-display-small-weight);
  font-size: var(--md-sys-typescale-display-small-size);
  line-height: var(--md-sys-typescale-display-small-line-height);
  letter-spacing: var(--md-sys-typescale-display-small-tracking);
}

Desktop (please complete the following information):

• OS: [e.g. iOS] macOS
• Browser [e.g. chrome, safari] Chrome
• Version [e.g. 22]