tailwind-mergeで意図しないクラスがマージされる現象を回避する

const twMerge = extendTailwindMerge({ classGroups: { 'font-size': ['作成したカスタムクラス'], } }) tailwind-mergeとは Utility function to efficiently merge Tailwind CSS classes in JS without style conflicts. スタイルの競合なく、JSでTailwind CSSクラスを効率的にマージするためのユーティリティ関数。 最近ではtailwind-variantsやshadcn/uiでも利用されています。 マージ例： twMerge('px-2 py-1 bg-red hover:bg-dark-red', 'p-3 bg-[#B91C1C]') // → 'hover:bg-dark-red p-3 bg-[#B91C1