Media queries not output in the right order

[georgeevans1995]

The new Grid Breakpoints don't always render in the correct order. For example this is the output I get for breakpoints:
{
xs: "+10",
lg: "+1000",
xl: "+1301"
};

@media (min-width:1000px){STYLES}} 
@media (min-width:10px){STYLES} 
@media (min-width:1301px){STYLES}

Because they are not output in the right order it means that the styles for breakpoint 1000px are never able to be used/applied due to css always using the last values in the css.

[jim-at-jibba]

@georgeevans1995 I cant consistently recreate this. Let's chat about it tomorrow.

[AriTheElk]

@georgeevans1995 if possible, can you create a codesandbox demo of the problem? I haven't personally run into that issue

[AriTheElk]

closing inactive issue, reopen if you want to continue the discussion