fix: bad typography overrides (#1)

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "astro-erudite",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "astro-erudite",
-      "version": "1.1.0",
+      "version": "1.1.1",
       "dependencies": {
         "@astrojs/check": "^0.7.0",
         "@astrojs/markdown-remark": "^5.2.0",

package.json

@@ -1,7 +1,7 @@
 {
   "name": "astro-erudite",
   "type": "module",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "private": true,
   "scripts": {
     "dev": "astro dev",

src/components/ui/mobile-menu.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react'
+import { useState, useEffect } from 'react'
 import { Button } from '@/components/ui/button'
 import {
   DropdownMenu,

src/styles/global.css

@@ -83,7 +83,7 @@
 
 @layer components {
   article {
-    @apply prose-headings:scroll-mt-20 prose-headings:break-words prose-p:break-words;
+    @apply prose-headings:scroll-mt-20 prose-headings:break-words prose-p:break-words prose-pre:!px-0;
 
     .katex-display {
       @apply overflow-x-auto overflow-y-hidden py-4;

tailwind.config.ts

@@ -40,19 +40,6 @@ const config: Config = {
         border: 'hsl(var(--border))',
         ring: 'hsl(var(--ring))',
       },
-      typography: {
-        DEFAULT: {
-          css: {
-            'code::before': 'false',
-            'code::after': 'false',
-            'blockquote p:first-of-type::before': 'false',
-            'blockquote p:last-of-type::after': 'false',
-            pre: 'false',
-            code: 'false',
-            'pre code': 'false',
-          },
-        },
-      },
     },
   },
   plugins: [require('@tailwindcss/typography'), require('tailwindcss-animate')],