@astrojs/tailwind を廃止する

@astrojs/tailwind は Deprecated になっている。

https://docs.astro.build/ja/guides/integrations-guide/tailwind/

元の構成

• Astro 5.x
• @astrojs/tailwind 5.x
• Tailwind 3.x

新しい構成

• Astro 5.x
• Tailwind 4.x

移行手順

@astrojs/tailwind に関連したコードを消す

@astrojs/tailwind を package.json から消す。

astro.config.mjs から import tailwind from "@astrojs/tailwind"; と integrations: [tailwind()], を消す。

パッケージを更新する

Astro と Tailwind のバージョンを上げる。

Tailwind の初期設定を行う

以下に従って npx astro add tailwind を打つ。

https://docs.astro.build/en/guides/styling/#tailwind

全てに Yes と答えると astro.config.mjs が更新され src/styles/global.css が生成される。

src/layouts/Layout.astro などに import "../styles/global.css"; を追加する。