[material-next] Improve typography handling

DiegoAndai commented 1 year ago

Implement improvements on how we deal with typography in material next:

[ ] Rename family to font in typescales for consistency with Material You specification
[ ] Move pxToRem to typescale
[ ] Create utilities for line-height calculation and letter-spacing calculation, maybe adapt createTypography
[ ] Round letter-spacing calculation (point 1. in https://github.com/mui/material-ui/pull/38584#event-10248596056)
[ ] Use em instead of rem when applicable (letter-spacing, line-height, point 2. in https://github.com/mui/material-ui/pull/38584#event-10248596056)
[ ] Rename lineHeight to lineHeightPx in typescale, add a calculated unitless lineHeight (Suggested here)

mj12albert commented 1 year ago

Let's sync the typescale with the latest spec first ~ I notice it hasn't been updated for a while (since the theme structure POC!) and there are some values that are missing

mj12albert commented 1 year ago

Let's sync the typescale with the latest spec first ~ I notice it hasn't been updated for a while (since the theme structure POC!) and there are some values that are missing

https://github.com/mui/material-ui/pull/39514 !

mui / material-ui

[material-next] Improve typography handling #38804