fix(docs/theme): typography scroll overview is not working correctly

[malikarami]

Describe the bug
The scroll overview seems to be broken on https://tap30.github.io/web-components/theme/typography.html

To Reproduce

1. Go to theme/typography
2. Scroll down to Display Tokens
3. See that the scroll overview is not selecting the correct element

ALSO:

1. Go to theme/typography
2. Click on Display Tokens from the overview
3. The Body Tokens is displayed instead of the Display Tokens

Expected behavior
The overview should be aligned with the content of the page and clicking on the overview items should display the correct items on the page.

Screenshots

Screen.Recording.2025-05-31.at.6.38.51.PM.mov

Desktop (please complete the following information):

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

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context Add any other context about the problem here.