chore: remove MDX integration from Tailwind example (#7987)

Co-authored-by: Nate Moore <natemoo-re@users.noreply.github.com>

examples/with-tailwindcss/astro.config.mjs

@@ -1,8 +1,7 @@
 import { defineConfig } from 'astro/config';
-import mdx from '@astrojs/mdx';
 import tailwind from '@astrojs/tailwind';
 
 // https://astro.build/config
 export default defineConfig({
-	integrations: [mdx(), tailwind()],
+	integrations: [tailwind()],
 });

examples/with-tailwindcss/package.json

@@ -11,7 +11,6 @@
     "astro": "astro"
   },
   "dependencies": {
-    "@astrojs/mdx": "^0.19.7",
     "@astrojs/tailwind": "^4.0.0",
     "@types/canvas-confetti": "^1.6.0",
     "astro": "^2.10.3",

examples/with-tailwindcss/src/pages/markdown-page.md

@@ -0,0 +1,16 @@
+---
+title: 'Markdown + Tailwind'
+layout: ../layouts/main.astro
+---
+
+<div class="grid place-items-center h-screen content-center">
+ <div class="py-2 px-4 bg-purple-500 text-white font-semibold rounded-lg shadow-md">
+  Tailwind classes also work in Markdown!
+ </div>
+ <a
+  href="/"
+  class="p-4 underline hover:text-purple-500 transition-colors ease-in-out duration-200"
+ >
+  Go home
+ </a>
+</div>

examples/with-tailwindcss/src/pages/markdown-page.mdx

@@ -1,13 +0,0 @@
----
-title: 'Markdown + Tailwind'
-layout: ../layouts/main.astro
----
-
-import Button from '../components/Button.astro';
-
-<div class="grid place-items-center h-screen content-center">
-	<Button>Tailwind Button in Markdown!</Button>
-	<a href="/" class="p-4 underline">
-		Go home...
-	</a>
-</div>

pnpm-lock.yaml

@@ -437,9 +437,6 @@ importers:
 
   examples/with-tailwindcss:
     dependencies:
-      '@astrojs/mdx':
-        specifier: ^0.19.7
-        version: link:../../packages/integrations/mdx
       '@astrojs/tailwind':
         specifier: ^4.0.0
         version: link:../../packages/integrations/tailwind