As part of the ongoing theming effort, we should move away from MUI's styling machinery, and move towards consolidating on Emotion and the css prop as our de-facto form of styling.

A large amount of work has already gone towards this, by getting rid of all of our usage of makeStyles, but there's still more to do!

• Convert all usage of the <Box> component to regular <div>s (or whichever if the component prop is used) using the css prop instead of sx. (189 uses)

• Convert all other usage of the sx prop to the css prop (243 uses total, most of which will be <Box>)

• Convert components made by withStyles and styled into thin wrapper components using a css prop (14 uses total)

• Get rid of usage of theme.typography stuff (32 uses)

The main pitfall to watch out for in this work is that some number values provided to MUI/sx like margin, padding, and gap get multiplied by 8, while others like fontSize are preserved 🙃