Fix tsc types by csstype dependency resolution

- Fix Paper background color to be consistent

- Fix line-height & font-size on body to be consitent

Signed-off-by: Philipp Hugenroth <philipph@spotify.com>

packages/core-components/src/layout/Sidebar/Page.tsx

@@ -33,23 +33,23 @@ import { SidebarPinStateProvider } from './SidebarPinStateContext';
 
 export type SidebarPageClassKey = 'root';
 
-const useStyles = makeStyles<
-  BackstageTheme,
-  { sidebarConfig: SidebarConfig; isPinned: boolean }
->(
+type PageStyleProps = { sidebarConfig: SidebarConfig; isPinned: boolean };
+
+const useStyles = makeStyles<BackstageTheme, PageStyleProps>(
   theme => ({
     root: {
       width: '100%',
       transition: 'padding-left 0.1s ease-out',
       isolation: 'isolate',
       [theme.breakpoints.up('sm')]: {
-        paddingLeft: props =>
+        paddingLeft: (props: PageStyleProps) =>
           props.isPinned
             ? props.sidebarConfig.drawerWidthOpen
             : props.sidebarConfig.drawerWidthClosed,
       },
       [theme.breakpoints.down('xs')]: {
-        paddingBottom: props => props.sidebarConfig.mobileSidebarHeight,
+        paddingBottom: (props: PageStyleProps) =>
+          props.sidebarConfig.mobileSidebarHeight,
       },
     },
     content: {

packages/theme/src/base/palettes.ts

@@ -25,7 +25,7 @@ export const palettes = {
     mode: 'light' as const,
     background: {
       default: '#F8F8F8',
-      paper: '#FAFAFA',
+      paper: '#FFFFFF',
     },
     status: {
       ok: '#1DB954',

packages/theme/src/v5/defaultComponentThemes.ts

@@ -32,6 +32,8 @@ export const defaultComponentThemes: ThemeOptions['components'] = {
         height: '100%',
         fontFamily: theme.typography.fontFamily,
         overscrollBehaviorY: 'none',
+        fontSize: '0.875rem',
+        lineHeight: 1.43,
       },
       a: {
         color: 'inherit',