feat: dedicated typography file, remove tailwind-typography

src/components/BlogCard.astro

@@ -23,7 +23,7 @@ const authors = await parseAuthors(entry.data.authors ?? [])
 ---
 
 <div
-  class="not-prose hover:bg-secondary/50 rounded-xl border p-4 transition-colors duration-300 ease-in-out"
+  class="hover:bg-secondary/50 rounded-xl border p-4 transition-colors duration-300 ease-in-out"
 >
   <Link
     href={`/${entry.collection}/${entry.id}`}

src/components/Head.astro

@@ -1,6 +1,6 @@
 ---
 import '../styles/global.css'
-import '../styles/katex.css'
+import '../styles/typography.css'
 
 import { SITE } from '@/consts'
 import { ClientRouter } from 'astro:transitions'

src/components/ProjectCard.astro

@@ -12,7 +12,7 @@ const { project } = Astro.props
 ---
 
 <div
-  class="not-prose hover:bg-secondary/50 rounded-xl border p-4 transition-colors duration-300 ease-in-out"
+  class="hover:bg-secondary/50 rounded-xl border p-4 transition-colors duration-300 ease-in-out"
 >
   <Link
     href={project.data.link}

src/components/SocialIcons.astro

@@ -29,7 +29,7 @@ const getSocialLink = ({ href, label }: SocialLink) => ({
 })
 ---
 
-<ul class={cn('not-prose flex flex-wrap gap-2', className)} role="list">
+<ul class={cn('flex flex-wrap gap-2', className)} role="list">
   {
     links.map((link) => {
       const { href, ariaLabel, iconName } = getSocialLink(link)