Add mdx extension to tailwind content glob. (#4063)

* Add mdx extension to tailwind content glob.

* Create wicked-hairs-rescue.md

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

.changeset/wicked-hairs-rescue.md

@@ -0,0 +1,5 @@
+---
+"astro": patch
+---
+
+Add `mdx` extension to default generated Tailwind config.

examples/with-tailwindcss/tailwind.config.cjs

@@ -1,5 +1,5 @@
 module.exports = {
-	content: ['./src/**/*.{astro,html,js,jsx,md,svelte,ts,tsx,vue}'],
+	content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
 	theme: {
 		extend: {},
 	},

packages/astro/e2e/fixtures/tailwindcss/tailwind.config.js

@@ -1,7 +1,7 @@
 const path = require('path');
 
 module.exports = {
-	content: [path.join(__dirname, 'src/**/*.{astro,html,js,jsx,md,svelte,ts,tsx,vue}')],
+	content: [path.join(__dirname, 'src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}')],
 	theme: {
 		extend: {
 			colors: {

packages/astro/src/core/add/index.ts

@@ -41,7 +41,7 @@ const ALIASES = new Map([
 const ASTRO_CONFIG_STUB = `import { defineConfig } from 'astro/config';\n\nexport default defineConfig({});`;
 const TAILWIND_CONFIG_STUB = `/** @type {import('tailwindcss').Config} */
 module.exports = {
-	content: ['./src/**/*.{astro,html,js,jsx,md,svelte,ts,tsx,vue}'],
+	content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
 	theme: {
 		extend: {},
 	},

packages/astro/test/fixtures/tailwindcss/tailwind.config.js

@@ -1,7 +1,7 @@
 const path = require('path');
 
 module.exports = {
-	content: [path.join(__dirname, 'src/**/*.{astro,html,js,jsx,md,svelte,ts,tsx,vue}')],
+	content: [path.join(__dirname, 'src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}')],
 	theme: {
 		extend: {
 			colors: {