font 文字 レイアウト 調整 コンポーネント乱立の問題整理

1. どこかのタイミングでこれにすべて置き換える に 機能が足りているか？ 機能拡張で対応するのが ベストか？検討 結果、これ以外のもので 一本化を目指して行ってきたものは以下の通り

   • OutlinedText.tsx 400行
   • AutoFitOutlinedText.tsx 213行
   • CmHeightFitOutlinedText.tsx 227行
   • CmHeightFitGradationText.tsx 210行
   • useFitText.ts（共通hook） 125行

   いずれも 一本化できていないのは、開発者が複数人いて、共有できていないという点はもちろんそうだが、根本的な 設計思想が 深くなく、それぞれ コンポーネントでは対応できないケースが生じるから、使い分けないといけなくなっていると考える。

2. CmHeightFitOutlinedTextを拡張 で検討したが、この機能拡張1本でやろうとしても、これまでと同じく、一本化できなさそう。 一元化という志自体は妥当で、やるなら「ファイルを1本化」ではなく「計算ロジック(hook)と描画ロジック(共通コンポーネント)をそれぞれ1本化し、既存の名前はラッパーとして残す」のが 最も低リスクで現実的か？

レイアウトデザインは 杉浦さんがメインということのようなので、その制作者の要望をききつつ、少し CmHeightFitOutlinedText.tsx の機能拡張する形で、今回の MainQuest Infomation モーダル のはみ出し対処を試みた。

複数行に未対応。折り返しに未対応だったので、その点拡張した。 instansys/ultemist#917