Mobile first: Media query ordering issue

1. Are you using the latest release (older versions are NOT supported)? - 0.14.61
2. Are you facing the bug with your local copy of GrapesJS or with the current demo? - I am facing the issue with both local and 'https://unpkg.com/grapesjs'
3. The issue is mobile first media query ordering issue. With the current version media query ordering status is

@media (min-width: 1367px)
@media (min-width: 1024px)
@media (min-width: 320px)

1. What is the expected behavior?

@media (min-width: 320px)
@media (min-width: 1024px)
@media (min-width: 1367px)

I tried to fix the sorting in the correct order.

sortMediaObject: function sortMediaObject() {
 ...
   if (a.key.includes('min-width') && b.key.includes('min-width')) {
       return  _this4.getQueryLength(a.key) - _this4.getQueryLength(b.key);
     } else {
      return  _this4.getQueryLength(b.key) - _this4.getQueryLength(a.key);
     }
...
}

Is it a good solution? If so, please include this.