Changing the font size to larger font size breaks the layout in sidebar settings panel

[juhi123]

Description

If the font size is set to 90 px or any big size and someone switches it to em or rem it breaks the layout. The font size is of course too big in em and rem but maybe we can either set the limits and can give an alert/message to enter font size is given limit to the user or doesn't reflect these changes for preview.

It also occurs with or without the Gutenberg plugin installed.

Step-by-step reproduction instructions

1. Click on Site Editor
2. Click on Styles
3. Click on Typography
4. Click on Text
5. Use Custom Font Size
6. Enter the font size 90 in px
7. Now select rem

Screenshots, screen recording, code snippet

Environment info

No response

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes

[costdev]

This also occurs on WordPress 5.9.0, with or without the Gutenberg plugin installed.