chore: upgrade tailwindcss

up to v4

app/g/[id]/page.tsx

@@ -35,7 +35,7 @@ export default async function Page({
           height={32}
           className="rounded-lg-full "
         />
-        <h1 className="ml-2 overflow-hidden text-xl whitespace-nowrap overflow-ellipsis">
+        <h1 className="ml-2 overflow-hidden text-xl whitespace-nowrap text-ellipsis">
           <Link href="/gists">
             <LinkAnchor external={false}>{gist.login}</LinkAnchor>
           </Link>

app/g/loading.tsx

@@ -14,7 +14,7 @@ const loading = () => {
         <h1
           className={clsx(
             'ml-2 overflow-hidden text-xl',
-            'whitespace-nowrap overflow-ellipsis',
+            'whitespace-nowrap text-ellipsis',
             'flex items-center',
           )}
         >

app/global-error.tsx

@@ -16,9 +16,7 @@ const GlobalError = ({
         className={clsx('w-full h-dvh flex', 'justify-center items-center')}
       >
         <div>
-          <h2 className="text-xl text-subtext1">
-            Something went wrong! ノ( OωOノ)
-          </h2>
+          <h2 className="text-xl">Something went wrong! ノ( OωOノ)</h2>
           <Button onClick={() => reset()}>Try again</Button>
         </div>
       </body>

app/p/[slug]/loading.tsx

@@ -11,7 +11,7 @@ const Page = async () => {
         id="article"
         className={clsx(
           'relative max-w-4xl px-4 mx-auto my-10',
-          'lg:w-[56rem] w-full flex-1',
+          'lg:w-4xl w-full flex-1',
           'mt-8',
         )}
       >

app/p/[slug]/page.tsx

@@ -62,7 +62,7 @@ const Page = async ({
         id="article"
         className={clsx(
           'relative max-w-4xl px-4 mx-auto my-10',
-          'lg:w-[56rem] w-full flex-1',
+          'lg:w-4xl w-full flex-1',
         )}
       >
         <h1>{mdxSource.frontmatter?.title}</h1>