Zoom-out mode issues on Safari

[youknowriad]

Description

On Safari, I can see a number of issues in zoom-out mode.

Opening the zoom-out mode (either though global styles variations or patterns inserter), shows a white background instead of the gray one.

Also, if you open both the global styles and the patterns inserter at the same time, you may see a bit of both.

The third issue is that sometimes I see a huge padding on top of the canvas and I have to scroll down to actually see the template

[richtabor]

Related? #60550

[glendaviesnz]

Opening the zoom-out mode (either though global styles variations or patterns inserter), shows a white background instead of the gray one.

In my investigation into this here, it appears that this is due to the different way in which Safari deals with background color on a transformed element. It seems that Safari does what you would expect and only applies the background to the transformed size of the div, whereas Chrome keeps the background color applied to the pre transformed size of the div. I think it sort if works in Chrome by accident so we probably need to add an additional is-zoomed-out class on the relevant div so we can explicitly apply the background color for this - but that was just a quick assessment, I may be wrong about this.

The third issue is that sometimes I see a huge padding on top of the canvas and I have to scroll down to actually see the template

This should be fixed by this revert.

[MaggieCabrera]

#60873 fixes the first issue, I don't think the second is relevant anymore (we can't have GS sidebar open at the same time as the patterns) and I can't reproduce the third anymore, so if my PR gets merged that should solve this whole issue unless I'm missing something in my testing