fix(core): fixed responsive prop creation

Author: vmarcosp

packages/core/src/components/base/Ancestor_Base_Stories.res

@@ -15,7 +15,7 @@ let basicUsage = () => {
       maxW={xs: 356->#px}
       borderRadius={xs: 1}
       p={xs: 3}
-      bgColor={xs: #hex("000")}
+      bgColor={xs: #hex("000"), md: #hex("fc0"), lg: #hex("f36")}
       tag=#section>
       <Base
         border={xs: (2->#px, #solid, #hex("f36"))}

packages/core/src/core/Ancestor_Styles.res

@@ -372,6 +372,7 @@ module Make = (Config: Ancestor_Config.T) => {
     let parsedRules =
       rules
       ->Belt.Map.toArray
+      ->Js.Array2.sortInPlaceWith(sortBySize)
       ->Js.Array2.map(((breakpoint, rules)) => Css.breakpoint(breakpoint, rules))
       ->Js.Array2.concat(pseudoSelectorsRules)