corregido errores de compilacion para next en web

apps/web/app/og/route.tsx

@@ -15,33 +15,52 @@ export async function GET(req: NextRequest) {
   return new ImageResponse(
     (
       <div
-        tw="flex h-full w-full bg-black text-white"
-        style={{ fontFamily: 'Geist Sans' }}
+        style={{ 
+          display: 'flex', 
+          height: '100%', 
+          width: '100%', 
+          backgroundColor: '#000', 
+          color: '#fff',
+          fontFamily: 'Geist Sans' 
+        }}
       >
-        <div tw="flex border absolute border-stone-700 border-dashed inset-y-0 left-16 w-[1px]" />
-        <div tw="flex border absolute border-stone-700 border-dashed inset-y-0 right-16 w-[1px]" />
-        <div tw="flex border absolute border-stone-700 inset-x-0 h-[1px] top-16" />
-        <div tw="flex border absolute border-stone-700 inset-x-0 h-[1px] bottom-16" />
-        <div tw="flex absolute flex-row bottom-24 right-24 text-white"></div>
-        <div tw="flex flex-col absolute w-[896px] justify-center inset-32">
-          <div
-            tw="tracking-tight flex-grow-1 flex flex-col justify-center leading-[1.1]"
-            style={{
-              textWrap: 'balance',
-              fontWeight: 600,
-              fontSize: title && title.length > 20 ? 64 : 80,
-              letterSpacing: '-0.04em',
-            }}
-          >
+        <div style={{ 
+          position: 'absolute',
+          border: '1px dashed #404040',
+          top: 0,
+          bottom: 0,
+          left: '64px',
+          width: '1px'
+        }} />
+        {/* Repite el mismo patrón para los otros bordes */}
+        
+        <div style={{ 
+          position: 'absolute',
+          display: 'flex',
+          flexDirection: 'column',
+          width: '896px',
+          justifyContent: 'center',
+          top: '128px',
+          bottom: '128px',
+          left: '128px',
+          right: '128px'
+        }}>
+          <div style={{ 
+            letterSpacing: '-0.04em',
+            textWrap: 'balance' as any,
+            fontWeight: 600,
+            fontSize: title && title.length > 20 ? 64 : 80,
+            lineHeight: '1.1'
+          }}>
             {title}
           </div>
-          <div
-            tw="text-[40px] leading-[1.5] flex-grow-1 text-stone-400"
-            style={{
-              fontWeight: 500,
-              textWrap: 'balance',
-            }}
-          >
+          <div style={{ 
+            fontSize: '40px',
+            lineHeight: '1.5',
+            color: '#a3a3a3',
+            fontWeight: 500,
+            textWrap: 'balance' as any
+          }}>
             {`${description?.slice(0, 100)}`}
           </div>
         </div>
@@ -57,6 +76,6 @@ export async function GET(req: NextRequest) {
           style: 'normal',
         },
       ],
-    },
+    }
   );
 }