Move typography variables towards the top.

It's very useful to be able to reference typography variables as values
to other components. For example,
`$price-title-font-family: $header-font-family;` is only possible if we
move typography variables above the other component sections.
Merge pull request #4132 from jaredcobb/organize-variables

Move typography variables towards the top.