fix: popup size behavior changed to control by class

[dhanavadh]

Summary

• this fix is due to the popup component is fixed by itself and cannot bypass by class.
• fix children overflow from parent component
• this error makes Popup component arranged in wrong way and hard to implement
• styling by class

Example

you can implement class within class. for example, class="flex flex-col items-center justify-center text-center"

<Popup
    size="large"   
    color="vivid-pink"                                     
    class="flex flex-col items-center justify-center text-center"
>
    <p class="text-lg text-white">หากคุณพบเหตุฉุกเฉินหรือมีความต้องการความช่วยเหลือด่วน กรุณาติดต่อหน่วยงานที่เกี่ยวข้องตามข้อมูลด้านล่างนี้</p>
</Popup>

Before	Fixed

[MasterIceZ]

Also, please check whether you're using class or className.

[MasterIceZ]

Please try using the cn function to merge the classes together.

Suggested change

	<div class={`w-full h-full overflow-hidden ${className}`}>
	<div class={cn("w-full h-full overflow-hidden", className)}>

[MasterIceZ]

👍🏻