fix(theme): increase tooltip font size

src/__testing__/theme.test.ts

@@ -4,6 +4,7 @@ import {
   SistentDefaultPrimitivePaletteLight
 } from '../theme';
 import { MuiButton } from '../theme/components/button.modifier';
+import { MuiTooltip } from '../theme/components/tooltip.modifier';
 
 const LIGHT_INK = SistentDefaultPrimitivePaletteLight.primaryInverted; // charcoal[100] ≈ near-white
 const DARK_INK = SistentDefaultPrimitivePaletteLight.foreground; // charcoal[10] ≈ near-black
@@ -161,3 +162,23 @@ describe('MuiOutlinedInput line-height', () => {
     );
   });
 });
+
+describe('MuiTooltip typography', () => {
+  it.each(['light', 'dark'] as const)('uses the typography scale in %s mode', (mode) => {
+    const theme = createCustomTheme(mode);
+
+    const tooltip = MuiTooltip.styleOverrides?.tooltip as (props: {
+      theme: typeof theme;
+    }) => Record<string, unknown>;
+
+    const styles = tooltip({ theme });
+
+    expect(styles.fontSize).toBe(theme.typography.textB3Regular.fontSize);
+
+    expect(styles.fontSize).toBe('0.875rem');
+
+    expect(styles.padding).toBe(`${theme.spacing(1)} ${theme.spacing(1.5)}`);
+
+    expect(styles.boxShadow).toBeDefined();
+  });
+});

src/theme/components/tooltip.modifier.ts

@@ -20,7 +20,9 @@ export const MuiTooltip: Components<Theme>['MuiTooltip'] = {
             })();
 
       return {
-        boxShadow: shadow
+        boxShadow: shadow,
+        fontSize: theme.typography.textB3Regular.fontSize,
+        padding: `${theme.spacing(1)} ${theme.spacing(1.5)}`
       } as const;
     },