最近、このブログをNext.js 14から15にアップグレードしました。古いiPhone（iPhone 7）で、shadcnのUIのスタイル（色）が正しく反映されない問題に遭遇しました。

原因: 古いバージョンのiOSは、oklchに対応していない

原因は、古いバージョンのiOSにありました。pnpm dlx shadcn@latest initを実行すると、globals.cssが更新されますが、shadcnの最新バージョンでは、色の指定に oklch が使われます。古いバージョンのiOSは、oklchに対応していません。

解決方法: globals.cssのoklchをrgbに書き直す

ChatGPTに聞いて、oklchをrgbに書き直してもらい、それをコピペして修正したら、古いiPhoneでも正常に表示されるようになりました。