【Laravel12+tailwindcss】xsブレイクポイントの追加方法

Laravel12 はデフォルトのファイルが隠匿される方針になって、やり方に悩むことが多い。。
tailwind.config.js が見つからなくて。。

どうやらそれとは関係なく、tailwindcss v4 から config の書き方が変わったようだ。

やり方

よくお世話になる app.css を見ると、今まで見たことのない css の書き方がされてると思う。
これらが taliwindcss の設定の書き方らしい。
（型定義無いの書き肉すぎる。。）

その下部に以下を追記すればOK。

resources/css/app.css

@theme {
  --breakpoint-xs: 30rem;
  --breakpoint-2xl: 100rem;
  --breakpoint-3xl: 120rem;
}

公式ドキュメントもそう言ってる。

確かに、簡単か？