From 420a009c4c40c9970de3d84ba90abe1f12400bd7 Mon Sep 17 00:00:00 2001
From: "Andrey K. Choi" <a.choi@smartsoltech.kr>
Date: Sun, 2 Nov 2025 07:11:02 +0900
Subject: [PATCH] fix(frontend): remove prose-lg utility requiring typography
 plugin

- Replace prose-lg with prose-text using standard text-lg utility
- Remove duplicate typography layer definitions
- Clean up CSS structure to use only core Tailwind utilities
- Resolve 'Cannot apply unknown utility class prose-lg' error

Frontend Docker build now succeeds with only minor @screen warnings
---
 .../linktree-frontend/src/app/globals.css     | 36 +++++++++----------
 1 file changed, 17 insertions(+), 19 deletions(-)

diff --git a/frontend/linktree-frontend/src/app/globals.css b/frontend/linktree-frontend/src/app/globals.css
index 98594f0..68bd71b 100644
--- a/frontend/linktree-frontend/src/app/globals.css
+++ b/frontend/linktree-frontend/src/app/globals.css
@@ -47,6 +47,7 @@ body {
     @apply text-base;
   }
 }
+
 @layer components {
   .btn {
     @apply bg-blue-500 text-white font-bold py-2 px-4 rounded;
@@ -55,6 +56,7 @@ body {
     @apply bg-blue-700;
   }
 }
+
 @layer utilities {
   .bg-custom {
     @apply bg-blue-100;
@@ -63,6 +65,7 @@ body {
     @apply text-blue-500;
   }
 }
+
 @layer screens {
   @screen sm {
     .text-sm {
@@ -80,6 +83,7 @@ body {
     }
   }
 }
+
 @layer forms {
   .form-input {
     @apply border-gray-300 rounded-md shadow-sm;
@@ -88,20 +92,22 @@ body {
     @apply border-blue-500 ring-blue-500;
   }
 }
+
 @layer typography {
-  .prose {
-    @apply prose-lg;
+  .prose-text {
+    @apply text-lg;
   }
-  .prose h1 {
+  .prose-text h1 {
     @apply text-3xl font-bold;
   }
-  .prose h2 {
+  .prose-text h2 {
     @apply text-2xl font-bold;
   }
-  .prose h3 {
+  .prose-text h3 {
     @apply text-xl font-bold;
   }
 }
+
 @layer animations {
   .fade-in {
     @apply transition-opacity duration-500 ease-in;
@@ -110,6 +116,7 @@ body {
     @apply transition-opacity duration-500 ease-out;
   }
 }
+
 @layer transitions {
   .transition-all {
     @apply transition-all duration-300 ease-in-out;
@@ -118,6 +125,7 @@ body {
     @apply transition-colors duration-300 ease-in-out;
   }
 }
+
 @layer shadows {
   .shadow-custom {
     @apply shadow-lg;
@@ -126,6 +134,7 @@ body {
     @apply shadow-none;
   }
 }
+
 @layer borders {
   .border-custom {
     @apply border-2 border-blue-500;
@@ -134,6 +143,7 @@ body {
     @apply border-none;
   }
 }
+
 @layer spacing {
   .p-custom {
     @apply p-4;
@@ -142,6 +152,7 @@ body {
     @apply m-4;
   }
 }
+
 @layer flex {
   .flex-center {
     @apply flex items-center justify-center;
@@ -150,6 +161,7 @@ body {
     @apply flex flex-col;
   }
 }
+
 @layer grid {
   .grid-custom {
     @apply grid grid-cols-3 gap-4;
@@ -157,18 +169,4 @@ body {
   .grid-center {
     @apply grid place-items-center;
   }
-}
-@layer typography {
-  .prose {
-    @apply prose-lg;
-  }
-  .prose h1 {
-    @apply text-3xl font-bold;
-  }
-  .prose h2 {
-    @apply text-2xl font-bold;
-  }
-  .prose h3 {
-    @apply text-xl font-bold;
-  }
 }
\ No newline at end of file