Being able to change breakpoints unit

[bytepack]

Prerequisites

• I have searched for similar features requests in both open and closed tickets and cannot find a duplicate.
• The feature is still missing in the latest stable version of Elementor ( Elementor Pro )

What problem is your feature request going to solve? Please describe.

I want to be able to change the breakpoints unit.
Now it is px and can not be changed to other units.

Pixel unit media queries have some problems:

1. If the text on the page isn’t large enough for some users, they may choose to use the zoom function built into their browser to enlarge the text. Chrome and Firefox have no problem in this case

But Safari doesn't enlarge the text when px is used in media query.

3. If user changes the default font size in the browser, when media query has px as the unit, it will not adjust to the new font size. This can lead to issues where the UI does not display correctly.

You can read this thorough article.
https://zellwk.com/blog/media-query-units/
It describes the problem with pixel as the unit for media query.

Describe the solution you'd like

According to this article:
https://zellwk.com/blog/media-query-units/
and many top front-end teachers like Jonas Schmedtmann, the best unit for breakpoint media query is em.

It's a good idea to let us choose the breakpoint unit based on our projects requirements

Describe alternatives you've considered

No response

Additional context

No response