curl --request POST \
  --url https://api.iotools.cloud/v1/tool/tailwind-v3-to-v4-config-migrator \
  --header 'Authorization: Bearer <token>' \
  --header 'Content-Type: application/json' \
  --data @- <<EOF
{
  "config": "/** @type {import('tailwindcss').Config} */\nmodule.exports = {\n  content: [\"./src/**/*.{html,js}\"],\n  darkMode: \"class\",\n  theme: {\n    extend: {\n      colors: {\n        primary: {\n          DEFAULT: \"#3490dc\",\n          600: \"#2779bd\",\n        },\n      },\n      spacing: {\n        128: \"32rem\",\n      },\n      fontFamily: {\n        sans: [\"Inter\", \"sans-serif\"],\n      },\n      borderRadius: {\n        xl: \"1rem\",\n      },\n    },\n  },\n  plugins: [require(\"@tailwindcss/forms\")],\n};"
}
EOF

{
  "tool": "tailwind-v3-to-v4-config-migrator",
  "tool_version": "1.0.2",
  "outputs": {
    "theme": "@theme {\n  --color-primary-600: #2779bd;\n  --color-primary: #3490dc;\n\n  --spacing-128: 32rem;\n\n  --font-sans: Inter, sans-serif;\n\n  --radius-xl: 1rem;\n}",
    "notes": "## Manual migration steps\n\n- `darkMode` → add to your CSS: `@custom-variant dark (&:where(.dark, .dark *));`.\n- `plugins` array had 1 entry (`require(\"@tailwindcss/forms\")`) — official Tailwind plugins become `@plugin \"package-name\";` in CSS; custom plugin functions need hand-rewriting as CSS `@utility`/`@variant` rules.\n- `content`/`purge` glob paths are no longer needed for the CLI/PostCSS/Vite plugins — v4 auto-detects template files. Add `@source \"...\";` only for paths outside the project root or explicitly ignored ones.\n- Any `theme(colors.red.500)` calls inside your own CSS become `var(--color-red-500)`.\n- Default border and ring colors changed from `gray-200`/`blue-500` to `currentColor` — add explicit colors to any style that relied on the old default.\n\n## Utilities renamed in v4\n\n- `shadow-sm` → `shadow-xs`\n- `shadow` → `shadow-sm`\n- `drop-shadow-sm` → `drop-shadow-xs`\n- `drop-shadow` → `drop-shadow-sm`\n- `blur-sm` → `blur-xs`\n- `blur` → `blur-sm`\n- `rounded-sm` → `rounded-xs`\n- `rounded` → `rounded-sm`\n- `outline-none` → `outline-hidden`\n- `ring (3px default)` → `ring-3 (default ring is now 1px)`\n- `flex-shrink-*` → `shrink-*`\n- `flex-grow-*` → `grow-*`\n- `bg-opacity-*, text-opacity-*, border-opacity-*` → `opacity modifier, e.g. bg-black/50`\n- `overflow-clip` → `text-clip (utility scope narrowed)`"
  },
  "credits_used": 5,
  "credits_remaining": null
}