style: update font variable naming and clean up some unused configurations in Tailwind CSS

Author: bjohansebas

apps/site/styles/index.css

@@ -91,7 +91,7 @@
   --shadow-lg: 0px 4px 6px -2px --theme(--color-shadow / 3%),
     0px 12px 16px -4px --theme(--color-shadow / 8%);
   --font-open-sans: var(--font-open-sans);
-  --ibm-plex-mono: var(--font-ibm-plex-mono);
+  --font-ibm-plex-mono: var(--font-ibm-plex-mono);
   --font-weight-regular: '400';
   --font-weight-medium: '500';
   --font-weight-semibold: '600';

apps/site/tailwind.config.ts

@@ -100,30 +100,6 @@ export default {
       white: '#FFFFFF',
       transparent: 'transparent',
       shadow: '#101828',
-      inherit: 'inherit',
-    },
-    fontSize: {
-      xs: ['0.75rem', '1rem'],
-      sm: ['0.875rem', '1.25rem'],
-      base: ['1rem', '1.5rem'],
-      lg: ['1.125rem', '1.75rem'],
-      xl: ['1.25rem', '1.875rem'],
-      '2xl': ['1.5rem', '2rem'],
-      '3xl': ['1.875rem', '2.25rem'],
-      '4xl': ['2.25rem', '2.5rem'],
-      '5xl': ['3rem', '3rem'],
-      '6xl': ['3.75rem', '3.75rem'],
-      '7xl': ['4.5rem', '4.5rem'],
-    },
-    fontWeight: {
-      regular: '400',
-      medium: '500',
-      semibold: '600',
-      bold: '700',
-    },
-    fontFamily: {
-      'open-sans': ['var(--font-open-sans)'],
-      'ibm-plex-mono': ['var(--font-ibm-plex-mono)'],
     },
     extend: {
       screens: { xs: '670px' },
@@ -147,28 +123,6 @@ export default {
       spacing: { '4.5': '1.125rem', '18': '4.5rem' },
       aria: { current: 'current="page"' },
       maxWidth: { '8xl': '95rem' },
-      animation: {
-        surf: 'surf 1s infinite ease-in-out',
-        pulse: 'pulse 500ms infinite alternate-reverse',
-        'pulse-dark': 'pulse-dark 500ms infinite alternate-reverse',
-      },
-      keyframes: {
-        surf: {
-          '0%': { transform: 'translate(0, 0)' },
-          '25%': { transform: 'translate(0, 6px)' },
-          '50%': { transform: 'translate(0, -6px)' },
-          '75%': { transform: 'translate(0, 3px)' },
-          '100%': { transform: 'translate(0, 0)' },
-        },
-        pulse: {
-          from: { background: 'theme("colors.pulse.100")' },
-          to: { background: 'theme("colors.pulse.200")' },
-        },
-        'pulse-dark': {
-          from: { background: 'theme("colors.pulse.300")' },
-          to: { background: 'theme("colors.pulse.400")' },
-        },
-      },
     },
   },
   darkMode: ['selector', '[data-theme="dark"]'],