Revert "upgrade tailwind"

This reverts commit 922baa30f90e432eb50576ce09f118eefbd712d3.

bskyembed/pnpm-lock.yaml

@@ -2252,6 +2252,7 @@ packages:
 
   tailwindcss@4.3.2:
     resolution: {integrity: sha512-WtctNNSH8A9jlMIqxzuYumOHU5uGZyRv0Q5svQl+oEPy5w84YpBxdb7MdqyiSPQge5jTJ6zFQLq0PFygdccSBA==}
+    hasBin: true
 
   tapable@2.3.3:
     resolution: {integrity: sha512-uxc/zpqFg6x7C8vOE7lh6Lbda8eEL9zmVm/PLeTPBRhh1xCgdWaQ+J1CUieGpIfm2HdtsUpRv+HshiasBMcc6A==}

bskyembed/src/components/embed.tsx

@@ -280,7 +280,7 @@ function ImageGrid({images}: {images: GridImage[]}) {
       )
     case 2:
       return (
-        <div className="flex gap-1 rounded-xl overflow-hidden w-full aspect-2/1">
+        <div className="flex gap-1 rounded-xl overflow-hidden w-full aspect-[2/1]">
           {images.map((image, i) => (
             <img
               key={i}
@@ -293,7 +293,7 @@ function ImageGrid({images}: {images: GridImage[]}) {
       )
     case 3:
       return (
-        <div className="flex gap-1 rounded-xl overflow-hidden w-full aspect-2/1">
+        <div className="flex gap-1 rounded-xl overflow-hidden w-full aspect-[2/1]">
           <div className="flex-1 aspect-square">
             <img
               src={images[0].thumb}
@@ -322,7 +322,7 @@ function ImageGrid({images}: {images: GridImage[]}) {
             return (
               <div
                 key={i}
-                className="relative aspect-3/2 rounded-sm overflow-hidden">
+                className="relative aspect-[3/2] rounded-sm overflow-hidden">
                 <img
                   src={image.thumb}
                   alt={image.alt}
@@ -374,7 +374,7 @@ function ExternalEmbed({
       {content.external.thumb && (
         <img
           src={content.external.thumb}
-          className="aspect-1200/630 object-cover"
+          className="aspect-[1200/630] object-cover"
         />
       )}
       <div className="py-3 px-4">
@@ -503,7 +503,7 @@ function StarterPackEmbed({
     <Link
       href={starterPackHref}
       className="w-full rounded-xl overflow-hidden border dark:border-slate-600 flex flex-col items-stretch">
-      <img src={imageUri} className="aspect-1200/630 object-cover" />
+      <img src={imageUri} className="aspect-[1200/630] object-cover" />
       <div className="py-3 px-4">
         <div className="flex space-x-2 items-center">
           <img src={starterPackIcon} className="w-10 h-10" />

bskyembed/src/components/post.tsx

@@ -191,7 +191,7 @@ function PostContent({record}: {record: app.bsky.feed.post.Main | null}) {
   }
 
   return (
-    <p className="text-md min-[400px]:text-lg leading-snug min-[400px]:leading-snug break-word wrap-break-word whitespace-pre-wrap">
+    <p className="text-md min-[400px]:text-lg leading-snug min-[400px]:leading-snug break-word break-words whitespace-pre-wrap">
       {richText}
     </p>
   )

bskyembed/src/index.css

@@ -1,4 +1,6 @@
-@import 'tailwindcss';
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
 
 :root {
   -webkit-font-smoothing: antialiased;