BUG: Display order of border radius is not correct

GrapesJS version

• I confirm to use the latest version of GrapesJS

What browser are you using?

Chrome v130

Reproducible demo link

https://grapesjs.com/demo-newsletter-editor.html

Describe the bug

How to reproduce the bug?

1. in the editor, select any element
2. in the styles section, go to border radius

What is the expected behavior? The border radius settings for the four corners are displayed: top-left top-right bottom-left bottom-right

What is the current behavior? The border radius settings for the bottom corners are swapped: top-left top-right bottom-right bottom-left

<img width="217" alt="Bildschirmfoto 2025-01-14 um 11 47 36" src="https://github.com/user-attachments/assets/c19c2f8a-cc8e-46fc-b580-2e085955d194" />

In the new GrapesJS Studio, the display order is correct!

<img width="245" alt="Bildschirmfoto 2025-01-14 um 11 46 18" src="https://github.com/user-attachments/assets/0a20553e-8439-45e5-b861-1fc54080d46b" />

Code of Conduct

• I agree to follow this project's Code of Conduct