Add an aggregated view of Typograhic tokens

[fraincs]

While looking at Hopper tokens on the documentation website there is no easy way to consume the aggregated tokens for typography, to look at a line-height and font-size body md the user needs to click on two sections. This causes a problem especially as the tokens are not currently ordered in a logical manner for these tokens.