fix packages again and fixed callouts (close enough)

Author: OmgRod

components/Callout.js

@@ -27,10 +27,10 @@ export default function Callout({ icon = 'idea', variant = 'default', children }
 
   return (
     <div className={`miniwiki-callout my-4 flex items-start gap-3 rounded-lg border px-4 py-3 shadow-sm ${colorClass}`}>
-      <span className={`mt-0.5 inline-flex h-5 w-5 shrink-0 items-center justify-center leading-none ${iconColorClass}`}>
+      <span className={`mt-3 inline-flex h-5 w-5 shrink-0 items-center justify-center leading-none ${iconColorClass}`}>
         <Icon name={icon} size={18} />
       </span>
-      <div className="min-w-0 text-sm leading-6 [&>p:first-child]:mt-0 [&>p:last-child]:mb-0">{children}</div>
+      <div className="min-w-0 text-sm leading-6 [&_p]:m-0">{children}</div>
     </div>
   );
 }

package.json

@@ -36,6 +36,7 @@
     "remark-gfm": "^4.0.1"
   },
   "devDependencies": {
+    "@tailwindcss/postcss": "^4.1.16",
     "@types/react": "^19.2.2",
     "@tailwindcss/typography": "^0.5.19",
     "autoprefixer": "^10.4.27",

postcss.config.js

@@ -1,6 +1,6 @@
 module.exports = {
   plugins: {
-    tailwindcss: {},
+    '@tailwindcss/postcss': {},
     autoprefixer: {},
   },
 };

styles/globals.css

@@ -1,6 +1,4 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
 
 html,
 body,
@@ -32,6 +30,14 @@ a:not(.miniwiki-button) {
   @apply opacity-60;
 }
 
+.miniwiki-callout > :where(p) {
+  margin: 0;
+}
+
+.miniwiki-callout > :where(p + p) {
+  margin-top: 0.75rem;
+}
+
 .mdx-content h1,
 .mdx-content h2,
 .mdx-content h3,