Update tailwind config to omit backticks in code blocks

studio/components/to-be-cleaned/Docs/Param.js

@@ -13,13 +13,13 @@ const Param = ({
   return (
     <>
       <div className="flex justify-between items-center mb-4 ">
-        <code className="px-4 inline-block">{name}</code>
+        <code className="px-2 inline-block">{name}</code>
         <Badge color={required ? 'amber' : 'scale'}>{required ? 'Required' : 'Optional'}</Badge>
       </div>
       {format && format != type && (
         <div className="mb-4 flex items-center gap-2">
           <label className="uppercase text-xs font-mono text-scale-900">Format:</label>
-          <code className="p-0">{format}</code>
+          <code className="px-2">{format}</code>
           {type}
         </div>
       )}

studio/tailwind.config.js

@@ -77,6 +77,16 @@ module.exports = ui({
     }),
     extend: {
       typography: ({ theme }) => ({
+        DEFAULT: {
+          css: {
+            'code::before': {
+              content: '""',
+            },
+            'code::after': {
+              content: '""',
+            },
+          },
+        },
         docs: {
           css: {
             '--tw-prose-body': theme('colors.scale[1100]'),