fix: restore inline code font size

Author: aurorascharff

src/components/MDX/Sandpack/Themes.tsx

@@ -44,7 +44,7 @@ export const CustomTheme = {
     mono: tailwindConfig.theme.extend.fontFamily.mono
       .join(', ')
       .replace(/"/gm, ''),
-    size: tailwindConfig.theme.extend.fontSize.code,
+    size: tailwindConfig.theme.extend.fontSize['sandpack-code'],
     lineHeight: '24px',
   },
 };

src/styles/index.css

@@ -463,10 +463,6 @@
     color: #58c4dc !important; /* blue-40 */
   }
 
-  .text-code {
-    font-size: calc(1em - 10%) !important;
-  }
-
   .text-gradient {
     background-clip: text;
     -webkit-background-clip: text;

tailwind.config.js

@@ -102,7 +102,8 @@ module.exports = {
         base: '15px',
         sm: '13px',
         xs: '11px',
-        code: 'calc(1em - 20%)',
+        code: 'calc(1em - 10%)',
+        'sandpack-code': 'calc(1em - 20%)',
       },
       animation: {
         marquee: 'marquee 40s linear infinite',