- update the color palette to reflect the latest designs.
- use theme agnostic color names for background colors.
- remove unused colors from the color palette.
- remove some unused styles.
Use https://www.npmjs.com/package/styled-reset to apply css resets and
move all global styles to the GlobalStyle component.
Update general styles inline with design design work.
Several of our elements were missing z-index property, causing them to
display incorrectly in the app.
Ensure that we import styles/variables.scss before attempting to use
the z() helper function that it provides.
This update uses a function to apply the z-index in each .scss file.
The function needs to iterate over a map of z-index values, so all of
the z-indexes end up in a single list and can be tracked more easily.
This allows us to manage all z-index values in a single location.