تو نسخه گوشی همیارتاپ سایز استک ها اوکی بود جز یکی که از باکس زده بود بیرون البته نمیدونم منطقم درست بود یا نه ولی سایز فونت رو بر اساس عرض باکس کردم 🤔 چرا فکر میکنم جواب نمیده حالا تو Css اینجوری استفاده میشه 

/* باکس والد */
.parent-box {
  container-type: inline-size; /* به مرورگر می‌گوید عرض این باکس را متر کند */
  width: 400px; /* یا هر عرض داینامیک دیگری */
}

/* متن فرزند */
.child-text {
  font-size: 5cqw; /* اندازه فونت همیشه ۵ درصد عرض باکس والد خواهد بود */
}

توی tailwind هم میشه اینجوری 

div  class="@container"
	span class="text-[8cqw]"

ولی منکه این @container رو زدم یهو فونت شد اندازه کل صفحه و دارم کلاس css تست میگیرم 
ایول درست شد