@jeromefitz/design-system 3.1.8 → 3.2.0-canary.3

package/stitches.config.d.ts

@@ -6,7 +6,7 @@ import * as React from 'react';
 import * as _stitches_react_types_util from '@stitches/react/types/util';
 import * as _stitches_react_types_stitches from '@stitches/react/types/stitches';
 import * as _stitches_react_types_config from '@stitches/react/types/config';
-import * as Stitches from '@stitches/react';
+import { ScaleValue, CSS as CSS$1 } from '@stitches/react';
 export { VariantProps } from '@stitches/react';
 
 /**
@@ -284,231 +284,231 @@ declare const config: {
     };
     themeMap: _stitches_react_types_config.DefaultThemeMap;
     utils: {
-        p: (value: Stitches.PropertyValue<'padding'>) => {
-            padding: {
-                readonly [Stitches.$$PropertyValue]: "padding";
+        p: (value: ScaleValue<'padding'> | string | number) => {
+            padding: string | number | {
+                readonly [$$ScaleValue]: "padding";
             };
         };
-        pt: (value: Stitches.PropertyValue<'paddingTop'>) => {
-            paddingTop: {
-                readonly [Stitches.$$PropertyValue]: "paddingTop";
+        pt: (value: ScaleValue<'paddingTop'> | string | number) => {
+            paddingTop: string | number | {
+                readonly [$$ScaleValue]: "paddingTop";
             };
         };
-        pr: (value: Stitches.PropertyValue<'paddingRight'>) => {
-            paddingRight: {
-                readonly [Stitches.$$PropertyValue]: "paddingRight";
+        pr: (value: ScaleValue<'paddingRight'> | string | number) => {
+            paddingRight: string | number | {
+                readonly [$$ScaleValue]: "paddingRight";
             };
         };
-        pb: (value: Stitches.PropertyValue<'paddingBottom'>) => {
-            paddingBottom: {
-                readonly [Stitches.$$PropertyValue]: "paddingBottom";
+        pb: (value: ScaleValue<'paddingBottom'> | string | number) => {
+            paddingBottom: string | number | {
+                readonly [$$ScaleValue]: "paddingBottom";
             };
         };
-        pl: (value: Stitches.PropertyValue<'paddingLeft'>) => {
-            paddingLeft: {
-                readonly [Stitches.$$PropertyValue]: "paddingLeft";
+        pl: (value: ScaleValue<'paddingLeft'> | string | number) => {
+            paddingLeft: string | number | {
+                readonly [$$ScaleValue]: "paddingLeft";
             };
         };
-        px: (value: Stitches.PropertyValue<'paddingLeft'>) => {
-            paddingLeft: {
-                readonly [Stitches.$$PropertyValue]: "paddingLeft";
+        px: (value: ScaleValue<'paddingLeft'> | string | number) => {
+            paddingLeft: string | number | {
+                readonly [$$ScaleValue]: "paddingLeft";
             };
-            paddingRight: {
-                readonly [Stitches.$$PropertyValue]: "paddingLeft";
+            paddingRight: string | number | {
+                readonly [$$ScaleValue]: "paddingLeft";
             };
         };
-        py: (value: Stitches.PropertyValue<'paddingTop'>) => {
-            paddingTop: {
-                readonly [Stitches.$$PropertyValue]: "paddingTop";
+        py: (value: ScaleValue<'paddingTop'> | string | number) => {
+            paddingTop: string | number | {
+                readonly [$$ScaleValue]: "paddingTop";
             };
-            paddingBottom: {
-                readonly [Stitches.$$PropertyValue]: "paddingTop";
+            paddingBottom: string | number | {
+                readonly [$$ScaleValue]: "paddingTop";
             };
         };
-        m: (value: Stitches.PropertyValue<'margin'>) => {
-            margin: {
-                readonly [Stitches.$$PropertyValue]: "margin";
+        m: (value: ScaleValue<'margin'> | string | number) => {
+            margin: string | number | {
+                readonly [$$ScaleValue]: "margin";
             };
         };
-        mt: (value: Stitches.PropertyValue<'marginTop'>) => {
-            marginTop: {
-                readonly [Stitches.$$PropertyValue]: "marginTop";
+        mt: (value: ScaleValue<'marginTop'> | string | number) => {
+            marginTop: string | number | {
+                readonly [$$ScaleValue]: "marginTop";
             };
         };
-        mr: (value: Stitches.PropertyValue<'marginRight'>) => {
-            marginRight: {
-                readonly [Stitches.$$PropertyValue]: "marginRight";
+        mr: (value: ScaleValue<'marginRight'> | string | number) => {
+            marginRight: string | number | {
+                readonly [$$ScaleValue]: "marginRight";
             };
         };
-        mb: (value: Stitches.PropertyValue<'marginBottom'>) => {
-            marginBottom: {
-                readonly [Stitches.$$PropertyValue]: "marginBottom";
+        mb: (value: ScaleValue<'marginBottom'> | string | number) => {
+            marginBottom: string | number | {
+                readonly [$$ScaleValue]: "marginBottom";
             };
         };
-        ml: (value: Stitches.PropertyValue<'marginLeft'>) => {
-            marginLeft: {
-                readonly [Stitches.$$PropertyValue]: "marginLeft";
+        ml: (value: ScaleValue<'marginLeft'> | string | number) => {
+            marginLeft: string | number | {
+                readonly [$$ScaleValue]: "marginLeft";
             };
         };
-        mx: (value: Stitches.PropertyValue<'marginLeft'>) => {
-            marginLeft: {
-                readonly [Stitches.$$PropertyValue]: "marginLeft";
+        mx: (value: ScaleValue<'marginLeft'> | string | number) => {
+            marginLeft: string | number | {
+                readonly [$$ScaleValue]: "marginLeft";
             };
-            marginRight: {
-                readonly [Stitches.$$PropertyValue]: "marginLeft";
+            marginRight: string | number | {
+                readonly [$$ScaleValue]: "marginLeft";
             };
         };
-        my: (value: Stitches.PropertyValue<'marginTop'>) => {
-            marginTop: {
-                readonly [Stitches.$$PropertyValue]: "marginTop";
+        my: (value: ScaleValue<'marginTop'> | string | number) => {
+            marginTop: string | number | {
+                readonly [$$ScaleValue]: "marginTop";
             };
-            marginBottom: {
-                readonly [Stitches.$$PropertyValue]: "marginTop";
+            marginBottom: string | number | {
+                readonly [$$ScaleValue]: "marginTop";
             };
         };
-        ta: (value: Stitches.PropertyValue<'textAlign'>) => {
-            textAlign: {
-                readonly [Stitches.$$PropertyValue]: "textAlign";
+        ta: (value: ScaleValue<'textAlign'> | string | number) => {
+            textAlign: string | number | {
+                readonly [$$ScaleValue]: "textAlign";
             };
         };
-        fd: (value: Stitches.PropertyValue<'flexDirection'>) => {
-            flexDirection: {
-                readonly [Stitches.$$PropertyValue]: "flexDirection";
+        fd: (value: ScaleValue<'flexDirection'> | string | number) => {
+            flexDirection: string | number | {
+                readonly [$$ScaleValue]: "flexDirection";
             };
         };
-        fw: (value: Stitches.PropertyValue<'flexWrap'>) => {
-            flexWrap: {
-                readonly [Stitches.$$PropertyValue]: "flexWrap";
+        fw: (value: ScaleValue<'flexWrap'> | string | number) => {
+            flexWrap: string | number | {
+                readonly [$$ScaleValue]: "flexWrap";
             };
         };
-        ai: (value: Stitches.PropertyValue<'alignItems'>) => {
-            alignItems: {
-                readonly [Stitches.$$PropertyValue]: "alignItems";
+        ai: (value: ScaleValue<'alignItems'> | string | number) => {
+            alignItems: string | number | {
+                readonly [$$ScaleValue]: "alignItems";
             };
         };
-        ac: (value: Stitches.PropertyValue<'alignContent'>) => {
-            alignContent: {
-                readonly [Stitches.$$PropertyValue]: "alignContent";
+        ac: (value: ScaleValue<'alignContent'> | string | number) => {
+            alignContent: string | number | {
+                readonly [$$ScaleValue]: "alignContent";
             };
         };
-        jc: (value: Stitches.PropertyValue<'justifyContent'>) => {
-            justifyContent: {
-                readonly [Stitches.$$PropertyValue]: "justifyContent";
+        jc: (value: ScaleValue<'justifyContent'> | string | number) => {
+            justifyContent: string | number | {
+                readonly [$$ScaleValue]: "justifyContent";
             };
         };
-        as: (value: Stitches.PropertyValue<'alignSelf'>) => {
-            alignSelf: {
-                readonly [Stitches.$$PropertyValue]: "alignSelf";
+        as: (value: ScaleValue<'alignSelf'> | string | number) => {
+            alignSelf: string | number | {
+                readonly [$$ScaleValue]: "alignSelf";
             };
         };
-        fg: (value: Stitches.PropertyValue<'flexGrow'>) => {
-            flexGrow: {
-                readonly [Stitches.$$PropertyValue]: "flexGrow";
+        fg: (value: ScaleValue<'flexGrow'> | string | number) => {
+            flexGrow: string | number | {
+                readonly [$$ScaleValue]: "flexGrow";
             };
         };
-        fs: (value: Stitches.PropertyValue<'flexShrink'>) => {
-            flexShrink: {
-                readonly [Stitches.$$PropertyValue]: "flexShrink";
+        fs: (value: ScaleValue<'flexShrink'> | string | number) => {
+            flexShrink: string | number | {
+                readonly [$$ScaleValue]: "flexShrink";
             };
         };
-        fb: (value: Stitches.PropertyValue<'flexBasis'>) => {
-            flexBasis: {
-                readonly [Stitches.$$PropertyValue]: "flexBasis";
+        fb: (value: ScaleValue<'flexBasis'> | string | number) => {
+            flexBasis: string | number | {
+                readonly [$$ScaleValue]: "flexBasis";
             };
         };
-        bc: (value: Stitches.PropertyValue<'backgroundColor'>) => {
-            backgroundColor: {
-                readonly [Stitches.$$PropertyValue]: "backgroundColor";
+        bc: (value: ScaleValue<'backgroundColor'> | string | number) => {
+            backgroundColor: string | number | {
+                readonly [$$ScaleValue]: "backgroundColor";
             };
         };
-        br: (value: Stitches.PropertyValue<'borderRadius'>) => {
-            borderRadius: {
-                readonly [Stitches.$$PropertyValue]: "borderRadius";
+        br: (value: ScaleValue<'borderRadius'> | string | number) => {
+            borderRadius: string | number | {
+                readonly [$$ScaleValue]: "borderRadius";
             };
         };
-        btrr: (value: Stitches.PropertyValue<'borderTopRightRadius'>) => {
-            borderTopRightRadius: {
-                readonly [Stitches.$$PropertyValue]: "borderTopRightRadius";
+        btrr: (value: ScaleValue<'borderTopRightRadius'> | string | number) => {
+            borderTopRightRadius: string | number | {
+                readonly [$$ScaleValue]: "borderTopRightRadius";
             };
         };
-        bbrr: (value: Stitches.PropertyValue<'borderBottomRightRadius'>) => {
-            borderBottomRightRadius: {
-                readonly [Stitches.$$PropertyValue]: "borderBottomRightRadius";
+        bbrr: (value: ScaleValue<'borderBottomRightRadius'> | string | number) => {
+            borderBottomRightRadius: string | number | {
+                readonly [$$ScaleValue]: "borderBottomRightRadius";
             };
         };
-        bblr: (value: Stitches.PropertyValue<'borderBottomLeftRadius'>) => {
-            borderBottomLeftRadius: {
-                readonly [Stitches.$$PropertyValue]: "borderBottomLeftRadius";
+        bblr: (value: ScaleValue<'borderBottomLeftRadius'> | string | number) => {
+            borderBottomLeftRadius: string | number | {
+                readonly [$$ScaleValue]: "borderBottomLeftRadius";
             };
         };
-        btlr: (value: Stitches.PropertyValue<'borderTopLeftRadius'>) => {
-            borderTopLeftRadius: {
-                readonly [Stitches.$$PropertyValue]: "borderTopLeftRadius";
+        btlr: (value: ScaleValue<'borderTopLeftRadius'> | string | number) => {
+            borderTopLeftRadius: string | number | {
+                readonly [$$ScaleValue]: "borderTopLeftRadius";
             };
         };
-        bs: (value: Stitches.PropertyValue<'boxShadow'>) => {
-            boxShadow: {
-                readonly [Stitches.$$PropertyValue]: "boxShadow";
+        bs: (value: ScaleValue<'boxShadow'> | string | number) => {
+            boxShadow: string | number | {
+                readonly [$$ScaleValue]: "boxShadow";
             };
         };
-        lh: (value: Stitches.PropertyValue<'lineHeight'>) => {
-            lineHeight: {
-                readonly [Stitches.$$PropertyValue]: "lineHeight";
+        lh: (value: ScaleValue<'lineHeight'> | string | number) => {
+            lineHeight: string | number | {
+                readonly [$$ScaleValue]: "lineHeight";
             };
         };
-        ox: (value: Stitches.PropertyValue<'overflowX'>) => {
-            overflowX: {
-                readonly [Stitches.$$PropertyValue]: "overflowX";
+        ox: (value: ScaleValue<'overflowX'> | string | number) => {
+            overflowX: string | number | {
+                readonly [$$ScaleValue]: "overflowX";
             };
         };
-        oy: (value: Stitches.PropertyValue<'overflowY'>) => {
-            overflowY: {
-                readonly [Stitches.$$PropertyValue]: "overflowY";
+        oy: (value: ScaleValue<'overflowY'> | string | number) => {
+            overflowY: string | number | {
+                readonly [$$ScaleValue]: "overflowY";
             };
         };
-        pe: (value: Stitches.PropertyValue<'pointerEvents'>) => {
-            pointerEvents: {
-                readonly [Stitches.$$PropertyValue]: "pointerEvents";
+        pe: (value: ScaleValue<'pointerEvents'> | string | number) => {
+            pointerEvents: string | number | {
+                readonly [$$ScaleValue]: "pointerEvents";
             };
         };
-        us: (value: Stitches.PropertyValue<'userSelect'>) => {
-            WebkitUserSelect: {
-                readonly [Stitches.$$PropertyValue]: "userSelect";
+        us: (value: ScaleValue<'userSelect'> | string | number) => {
+            WebkitUserSelect: string | number | {
+                readonly [$$ScaleValue]: "userSelect";
             };
-            userSelect: {
-                readonly [Stitches.$$PropertyValue]: "userSelect";
+            userSelect: string | number | {
+                readonly [$$ScaleValue]: "userSelect";
             };
         };
-        userSelect: (value: Stitches.PropertyValue<'userSelect'>) => {
-            WebkitUserSelect: {
-                readonly [Stitches.$$PropertyValue]: "userSelect";
+        userSelect: (value: ScaleValue<'userSelect'> | string | number) => {
+            WebkitUserSelect: string | number | {
+                readonly [$$ScaleValue]: "userSelect";
             };
-            userSelect: {
-                readonly [Stitches.$$PropertyValue]: "userSelect";
+            userSelect: string | number | {
+                readonly [$$ScaleValue]: "userSelect";
             };
         };
-        size: (value: Stitches.PropertyValue<'width'>) => {
-            width: {
-                readonly [Stitches.$$PropertyValue]: "width";
+        size: (value: ScaleValue<'width'> | string | number) => {
+            width: string | number | {
+                readonly [$$ScaleValue]: "width";
             };
-            height: {
-                readonly [Stitches.$$PropertyValue]: "width";
+            height: string | number | {
+                readonly [$$ScaleValue]: "width";
             };
         };
-        appearance: (value: Stitches.PropertyValue<'appearance'>) => {
-            WebkitAppearance: {
-                readonly [Stitches.$$PropertyValue]: "appearance";
+        appearance: (value: ScaleValue<'appearance'> | string | number) => {
+            WebkitAppearance: string | number | {
+                readonly [$$ScaleValue]: "appearance";
             };
-            appearance: {
-                readonly [Stitches.$$PropertyValue]: "appearance";
+            appearance: string | number | {
+                readonly [$$ScaleValue]: "appearance";
             };
         };
-        backgroundClip: (value: Stitches.PropertyValue<'backgroundClip'>) => {
-            WebkitBackgroundClip: {
-                readonly [Stitches.$$PropertyValue]: "backgroundClip";
+        backgroundClip: (value: ScaleValue<'backgroundClip'> | string | number) => {
+            WebkitBackgroundClip: string | number | {
+                readonly [$$ScaleValue]: "backgroundClip";
             };
-            backgroundClip: {
-                readonly [Stitches.$$PropertyValue]: "backgroundClip";
+            backgroundClip: string | number | {
+                readonly [$$ScaleValue]: "backgroundClip";
             };
         };
     };
@@ -1310,231 +1310,231 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
         toast: string;
     };
 }, _stitches_react_types_config.DefaultThemeMap, {
-    p: (value: Stitches.PropertyValue<'padding'>) => {
-        padding: {
-            readonly [Stitches.$$PropertyValue]: "padding";
+    p: (value: ScaleValue<'padding'> | string | number) => {
+        padding: string | number | {
+            readonly [$$ScaleValue]: "padding";
         };
     };
-    pt: (value: Stitches.PropertyValue<'paddingTop'>) => {
-        paddingTop: {
-            readonly [Stitches.$$PropertyValue]: "paddingTop";
+    pt: (value: ScaleValue<'paddingTop'> | string | number) => {
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "paddingTop";
         };
     };
-    pr: (value: Stitches.PropertyValue<'paddingRight'>) => {
-        paddingRight: {
-            readonly [Stitches.$$PropertyValue]: "paddingRight";
+    pr: (value: ScaleValue<'paddingRight'> | string | number) => {
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "paddingRight";
         };
     };
-    pb: (value: Stitches.PropertyValue<'paddingBottom'>) => {
-        paddingBottom: {
-            readonly [Stitches.$$PropertyValue]: "paddingBottom";
+    pb: (value: ScaleValue<'paddingBottom'> | string | number) => {
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "paddingBottom";
         };
     };
-    pl: (value: Stitches.PropertyValue<'paddingLeft'>) => {
-        paddingLeft: {
-            readonly [Stitches.$$PropertyValue]: "paddingLeft";
+    pl: (value: ScaleValue<'paddingLeft'> | string | number) => {
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "paddingLeft";
         };
     };
-    px: (value: Stitches.PropertyValue<'paddingLeft'>) => {
-        paddingLeft: {
-            readonly [Stitches.$$PropertyValue]: "paddingLeft";
+    px: (value: ScaleValue<'paddingLeft'> | string | number) => {
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "paddingLeft";
         };
-        paddingRight: {
-            readonly [Stitches.$$PropertyValue]: "paddingLeft";
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "paddingLeft";
         };
     };
-    py: (value: Stitches.PropertyValue<'paddingTop'>) => {
-        paddingTop: {
-            readonly [Stitches.$$PropertyValue]: "paddingTop";
+    py: (value: ScaleValue<'paddingTop'> | string | number) => {
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "paddingTop";
         };
-        paddingBottom: {
-            readonly [Stitches.$$PropertyValue]: "paddingTop";
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "paddingTop";
         };
     };
-    m: (value: Stitches.PropertyValue<'margin'>) => {
-        margin: {
-            readonly [Stitches.$$PropertyValue]: "margin";
+    m: (value: ScaleValue<'margin'> | string | number) => {
+        margin: string | number | {
+            readonly [$$ScaleValue]: "margin";
         };
     };
-    mt: (value: Stitches.PropertyValue<'marginTop'>) => {
-        marginTop: {
-            readonly [Stitches.$$PropertyValue]: "marginTop";
+    mt: (value: ScaleValue<'marginTop'> | string | number) => {
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "marginTop";
         };
     };
-    mr: (value: Stitches.PropertyValue<'marginRight'>) => {
-        marginRight: {
-            readonly [Stitches.$$PropertyValue]: "marginRight";
+    mr: (value: ScaleValue<'marginRight'> | string | number) => {
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "marginRight";
         };
     };
-    mb: (value: Stitches.PropertyValue<'marginBottom'>) => {
-        marginBottom: {
-            readonly [Stitches.$$PropertyValue]: "marginBottom";
+    mb: (value: ScaleValue<'marginBottom'> | string | number) => {
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "marginBottom";
         };
     };
-    ml: (value: Stitches.PropertyValue<'marginLeft'>) => {
-        marginLeft: {
-            readonly [Stitches.$$PropertyValue]: "marginLeft";
+    ml: (value: ScaleValue<'marginLeft'> | string | number) => {
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "marginLeft";
         };
     };
-    mx: (value: Stitches.PropertyValue<'marginLeft'>) => {
-        marginLeft: {
-            readonly [Stitches.$$PropertyValue]: "marginLeft";
+    mx: (value: ScaleValue<'marginLeft'> | string | number) => {
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "marginLeft";
         };
-        marginRight: {
-            readonly [Stitches.$$PropertyValue]: "marginLeft";
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "marginLeft";
         };
     };
-    my: (value: Stitches.PropertyValue<'marginTop'>) => {
-        marginTop: {
-            readonly [Stitches.$$PropertyValue]: "marginTop";
+    my: (value: ScaleValue<'marginTop'> | string | number) => {
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "marginTop";
         };
-        marginBottom: {
-            readonly [Stitches.$$PropertyValue]: "marginTop";
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "marginTop";
         };
     };
-    ta: (value: Stitches.PropertyValue<'textAlign'>) => {
-        textAlign: {
-            readonly [Stitches.$$PropertyValue]: "textAlign";
+    ta: (value: ScaleValue<'textAlign'> | string | number) => {
+        textAlign: string | number | {
+            readonly [$$ScaleValue]: "textAlign";
         };
     };
-    fd: (value: Stitches.PropertyValue<'flexDirection'>) => {
-        flexDirection: {
-            readonly [Stitches.$$PropertyValue]: "flexDirection";
+    fd: (value: ScaleValue<'flexDirection'> | string | number) => {
+        flexDirection: string | number | {
+            readonly [$$ScaleValue]: "flexDirection";
         };
     };
-    fw: (value: Stitches.PropertyValue<'flexWrap'>) => {
-        flexWrap: {
-            readonly [Stitches.$$PropertyValue]: "flexWrap";
+    fw: (value: ScaleValue<'flexWrap'> | string | number) => {
+        flexWrap: string | number | {
+            readonly [$$ScaleValue]: "flexWrap";
         };
     };
-    ai: (value: Stitches.PropertyValue<'alignItems'>) => {
-        alignItems: {
-            readonly [Stitches.$$PropertyValue]: "alignItems";
+    ai: (value: ScaleValue<'alignItems'> | string | number) => {
+        alignItems: string | number | {
+            readonly [$$ScaleValue]: "alignItems";
         };
     };
-    ac: (value: Stitches.PropertyValue<'alignContent'>) => {
-        alignContent: {
-            readonly [Stitches.$$PropertyValue]: "alignContent";
+    ac: (value: ScaleValue<'alignContent'> | string | number) => {
+        alignContent: string | number | {
+            readonly [$$ScaleValue]: "alignContent";
         };
     };
-    jc: (value: Stitches.PropertyValue<'justifyContent'>) => {
-        justifyContent: {
-            readonly [Stitches.$$PropertyValue]: "justifyContent";
+    jc: (value: ScaleValue<'justifyContent'> | string | number) => {
+        justifyContent: string | number | {
+            readonly [$$ScaleValue]: "justifyContent";
         };
     };
-    as: (value: Stitches.PropertyValue<'alignSelf'>) => {
-        alignSelf: {
-            readonly [Stitches.$$PropertyValue]: "alignSelf";
+    as: (value: ScaleValue<'alignSelf'> | string | number) => {
+        alignSelf: string | number | {
+            readonly [$$ScaleValue]: "alignSelf";
         };
     };
-    fg: (value: Stitches.PropertyValue<'flexGrow'>) => {
-        flexGrow: {
-            readonly [Stitches.$$PropertyValue]: "flexGrow";
+    fg: (value: ScaleValue<'flexGrow'> | string | number) => {
+        flexGrow: string | number | {
+            readonly [$$ScaleValue]: "flexGrow";
         };
     };
-    fs: (value: Stitches.PropertyValue<'flexShrink'>) => {
-        flexShrink: {
-            readonly [Stitches.$$PropertyValue]: "flexShrink";
+    fs: (value: ScaleValue<'flexShrink'> | string | number) => {
+        flexShrink: string | number | {
+            readonly [$$ScaleValue]: "flexShrink";
         };
     };
-    fb: (value: Stitches.PropertyValue<'flexBasis'>) => {
-        flexBasis: {
-            readonly [Stitches.$$PropertyValue]: "flexBasis";
+    fb: (value: ScaleValue<'flexBasis'> | string | number) => {
+        flexBasis: string | number | {
+            readonly [$$ScaleValue]: "flexBasis";
         };
     };
-    bc: (value: Stitches.PropertyValue<'backgroundColor'>) => {
-        backgroundColor: {
-            readonly [Stitches.$$PropertyValue]: "backgroundColor";
+    bc: (value: ScaleValue<'backgroundColor'> | string | number) => {
+        backgroundColor: string | number | {
+            readonly [$$ScaleValue]: "backgroundColor";
         };
     };
-    br: (value: Stitches.PropertyValue<'borderRadius'>) => {
-        borderRadius: {
-            readonly [Stitches.$$PropertyValue]: "borderRadius";
+    br: (value: ScaleValue<'borderRadius'> | string | number) => {
+        borderRadius: string | number | {
+            readonly [$$ScaleValue]: "borderRadius";
         };
     };
-    btrr: (value: Stitches.PropertyValue<'borderTopRightRadius'>) => {
-        borderTopRightRadius: {
-            readonly [Stitches.$$PropertyValue]: "borderTopRightRadius";
+    btrr: (value: ScaleValue<'borderTopRightRadius'> | string | number) => {
+        borderTopRightRadius: string | number | {
+            readonly [$$ScaleValue]: "borderTopRightRadius";
         };
     };
-    bbrr: (value: Stitches.PropertyValue<'borderBottomRightRadius'>) => {
-        borderBottomRightRadius: {
-            readonly [Stitches.$$PropertyValue]: "borderBottomRightRadius";
+    bbrr: (value: ScaleValue<'borderBottomRightRadius'> | string | number) => {
+        borderBottomRightRadius: string | number | {
+            readonly [$$ScaleValue]: "borderBottomRightRadius";
         };
     };
-    bblr: (value: Stitches.PropertyValue<'borderBottomLeftRadius'>) => {
-        borderBottomLeftRadius: {
-            readonly [Stitches.$$PropertyValue]: "borderBottomLeftRadius";
+    bblr: (value: ScaleValue<'borderBottomLeftRadius'> | string | number) => {
+        borderBottomLeftRadius: string | number | {
+            readonly [$$ScaleValue]: "borderBottomLeftRadius";
         };
     };
-    btlr: (value: Stitches.PropertyValue<'borderTopLeftRadius'>) => {
-        borderTopLeftRadius: {
-            readonly [Stitches.$$PropertyValue]: "borderTopLeftRadius";
+    btlr: (value: ScaleValue<'borderTopLeftRadius'> | string | number) => {
+        borderTopLeftRadius: string | number | {
+            readonly [$$ScaleValue]: "borderTopLeftRadius";
         };
     };
-    bs: (value: Stitches.PropertyValue<'boxShadow'>) => {
-        boxShadow: {
-            readonly [Stitches.$$PropertyValue]: "boxShadow";
+    bs: (value: ScaleValue<'boxShadow'> | string | number) => {
+        boxShadow: string | number | {
+            readonly [$$ScaleValue]: "boxShadow";
         };
     };
-    lh: (value: Stitches.PropertyValue<'lineHeight'>) => {
-        lineHeight: {
-            readonly [Stitches.$$PropertyValue]: "lineHeight";
+    lh: (value: ScaleValue<'lineHeight'> | string | number) => {
+        lineHeight: string | number | {
+            readonly [$$ScaleValue]: "lineHeight";
         };
     };
-    ox: (value: Stitches.PropertyValue<'overflowX'>) => {
-        overflowX: {
-            readonly [Stitches.$$PropertyValue]: "overflowX";
+    ox: (value: ScaleValue<'overflowX'> | string | number) => {
+        overflowX: string | number | {
+            readonly [$$ScaleValue]: "overflowX";
         };
     };
-    oy: (value: Stitches.PropertyValue<'overflowY'>) => {
-        overflowY: {
-            readonly [Stitches.$$PropertyValue]: "overflowY";
+    oy: (value: ScaleValue<'overflowY'> | string | number) => {
+        overflowY: string | number | {
+            readonly [$$ScaleValue]: "overflowY";
         };
     };
-    pe: (value: Stitches.PropertyValue<'pointerEvents'>) => {
-        pointerEvents: {
-            readonly [Stitches.$$PropertyValue]: "pointerEvents";
+    pe: (value: ScaleValue<'pointerEvents'> | string | number) => {
+        pointerEvents: string | number | {
+            readonly [$$ScaleValue]: "pointerEvents";
         };
     };
-    us: (value: Stitches.PropertyValue<'userSelect'>) => {
-        WebkitUserSelect: {
-            readonly [Stitches.$$PropertyValue]: "userSelect";
+    us: (value: ScaleValue<'userSelect'> | string | number) => {
+        WebkitUserSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
         };
-        userSelect: {
-            readonly [Stitches.$$PropertyValue]: "userSelect";
+        userSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
         };
     };
-    userSelect: (value: Stitches.PropertyValue<'userSelect'>) => {
-        WebkitUserSelect: {
-            readonly [Stitches.$$PropertyValue]: "userSelect";
+    userSelect: (value: ScaleValue<'userSelect'> | string | number) => {
+        WebkitUserSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
         };
-        userSelect: {
-            readonly [Stitches.$$PropertyValue]: "userSelect";
+        userSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
         };
     };
-    size: (value: Stitches.PropertyValue<'width'>) => {
-        width: {
-            readonly [Stitches.$$PropertyValue]: "width";
+    size: (value: ScaleValue<'width'> | string | number) => {
+        width: string | number | {
+            readonly [$$ScaleValue]: "width";
         };
-        height: {
-            readonly [Stitches.$$PropertyValue]: "width";
+        height: string | number | {
+            readonly [$$ScaleValue]: "width";
         };
     };
-    appearance: (value: Stitches.PropertyValue<'appearance'>) => {
-        WebkitAppearance: {
-            readonly [Stitches.$$PropertyValue]: "appearance";
+    appearance: (value: ScaleValue<'appearance'> | string | number) => {
+        WebkitAppearance: string | number | {
+            readonly [$$ScaleValue]: "appearance";
         };
-        appearance: {
-            readonly [Stitches.$$PropertyValue]: "appearance";
+        appearance: string | number | {
+            readonly [$$ScaleValue]: "appearance";
         };
     };
-    backgroundClip: (value: Stitches.PropertyValue<'backgroundClip'>) => {
-        WebkitBackgroundClip: {
-            readonly [Stitches.$$PropertyValue]: "backgroundClip";
+    backgroundClip: (value: ScaleValue<'backgroundClip'> | string | number) => {
+        WebkitBackgroundClip: string | number | {
+            readonly [$$ScaleValue]: "backgroundClip";
         };
-        backgroundClip: {
-            readonly [Stitches.$$PropertyValue]: "backgroundClip";
+        backgroundClip: string | number | {
+            readonly [$$ScaleValue]: "backgroundClip";
         };
     };
 }>>(...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | _stitches_react_types_util.Function | React.JSXElementConstructor<any> | React.ExoticComponent<any> ? Composers[K] : _stitches_react_types_stitches.RemoveIndex<CSS_1> & {
@@ -1832,231 +1832,231 @@ declare const globalCss: <Styles extends {
             toast: string;
         };
     }, _stitches_react_types_config.DefaultThemeMap, {
-        p: (value: Stitches.PropertyValue<'padding'>) => {
-            padding: {
-                readonly [Stitches.$$PropertyValue]: "padding";
+        p: (value: ScaleValue<'padding'> | string | number) => {
+            padding: string | number | {
+                readonly [$$ScaleValue]: "padding";
             };
         };
-        pt: (value: Stitches.PropertyValue<'paddingTop'>) => {
-            paddingTop: {
-                readonly [Stitches.$$PropertyValue]: "paddingTop";
+        pt: (value: ScaleValue<'paddingTop'> | string | number) => {
+            paddingTop: string | number | {
+                readonly [$$ScaleValue]: "paddingTop";
             };
         };
-        pr: (value: Stitches.PropertyValue<'paddingRight'>) => {
-            paddingRight: {
-                readonly [Stitches.$$PropertyValue]: "paddingRight";
+        pr: (value: ScaleValue<'paddingRight'> | string | number) => {
+            paddingRight: string | number | {
+                readonly [$$ScaleValue]: "paddingRight";
             };
         };
-        pb: (value: Stitches.PropertyValue<'paddingBottom'>) => {
-            paddingBottom: {
-                readonly [Stitches.$$PropertyValue]: "paddingBottom";
+        pb: (value: ScaleValue<'paddingBottom'> | string | number) => {
+            paddingBottom: string | number | {
+                readonly [$$ScaleValue]: "paddingBottom";
             };
         };
-        pl: (value: Stitches.PropertyValue<'paddingLeft'>) => {
-            paddingLeft: {
-                readonly [Stitches.$$PropertyValue]: "paddingLeft";
+        pl: (value: ScaleValue<'paddingLeft'> | string | number) => {
+            paddingLeft: string | number | {
+                readonly [$$ScaleValue]: "paddingLeft";
             };
         };
-        px: (value: Stitches.PropertyValue<'paddingLeft'>) => {
-            paddingLeft: {
-                readonly [Stitches.$$PropertyValue]: "paddingLeft";
+        px: (value: ScaleValue<'paddingLeft'> | string | number) => {
+            paddingLeft: string | number | {
+                readonly [$$ScaleValue]: "paddingLeft";
             };
-            paddingRight: {
-                readonly [Stitches.$$PropertyValue]: "paddingLeft";
+            paddingRight: string | number | {
+                readonly [$$ScaleValue]: "paddingLeft";
             };
         };
-        py: (value: Stitches.PropertyValue<'paddingTop'>) => {
-            paddingTop: {
-                readonly [Stitches.$$PropertyValue]: "paddingTop";
+        py: (value: ScaleValue<'paddingTop'> | string | number) => {
+            paddingTop: string | number | {
+                readonly [$$ScaleValue]: "paddingTop";
             };
-            paddingBottom: {
-                readonly [Stitches.$$PropertyValue]: "paddingTop";
+            paddingBottom: string | number | {
+                readonly [$$ScaleValue]: "paddingTop";
             };
         };
-        m: (value: Stitches.PropertyValue<'margin'>) => {
-            margin: {
-                readonly [Stitches.$$PropertyValue]: "margin";
+        m: (value: ScaleValue<'margin'> | string | number) => {
+            margin: string | number | {
+                readonly [$$ScaleValue]: "margin";
             };
         };
-        mt: (value: Stitches.PropertyValue<'marginTop'>) => {
-            marginTop: {
-                readonly [Stitches.$$PropertyValue]: "marginTop";
+        mt: (value: ScaleValue<'marginTop'> | string | number) => {
+            marginTop: string | number | {
+                readonly [$$ScaleValue]: "marginTop";
             };
         };
-        mr: (value: Stitches.PropertyValue<'marginRight'>) => {
-            marginRight: {
-                readonly [Stitches.$$PropertyValue]: "marginRight";
+        mr: (value: ScaleValue<'marginRight'> | string | number) => {
+            marginRight: string | number | {
+                readonly [$$ScaleValue]: "marginRight";
             };
         };
-        mb: (value: Stitches.PropertyValue<'marginBottom'>) => {
-            marginBottom: {
-                readonly [Stitches.$$PropertyValue]: "marginBottom";
+        mb: (value: ScaleValue<'marginBottom'> | string | number) => {
+            marginBottom: string | number | {
+                readonly [$$ScaleValue]: "marginBottom";
             };
         };
-        ml: (value: Stitches.PropertyValue<'marginLeft'>) => {
-            marginLeft: {
-                readonly [Stitches.$$PropertyValue]: "marginLeft";
+        ml: (value: ScaleValue<'marginLeft'> | string | number) => {
+            marginLeft: string | number | {
+                readonly [$$ScaleValue]: "marginLeft";
             };
         };
-        mx: (value: Stitches.PropertyValue<'marginLeft'>) => {
-            marginLeft: {
-                readonly [Stitches.$$PropertyValue]: "marginLeft";
+        mx: (value: ScaleValue<'marginLeft'> | string | number) => {
+            marginLeft: string | number | {
+                readonly [$$ScaleValue]: "marginLeft";
             };
-            marginRight: {
-                readonly [Stitches.$$PropertyValue]: "marginLeft";
+            marginRight: string | number | {
+                readonly [$$ScaleValue]: "marginLeft";
             };
         };
-        my: (value: Stitches.PropertyValue<'marginTop'>) => {
-            marginTop: {
-                readonly [Stitches.$$PropertyValue]: "marginTop";
+        my: (value: ScaleValue<'marginTop'> | string | number) => {
+            marginTop: string | number | {
+                readonly [$$ScaleValue]: "marginTop";
             };
-            marginBottom: {
-                readonly [Stitches.$$PropertyValue]: "marginTop";
+            marginBottom: string | number | {
+                readonly [$$ScaleValue]: "marginTop";
             };
         };
-        ta: (value: Stitches.PropertyValue<'textAlign'>) => {
-            textAlign: {
-                readonly [Stitches.$$PropertyValue]: "textAlign";
+        ta: (value: ScaleValue<'textAlign'> | string | number) => {
+            textAlign: string | number | {
+                readonly [$$ScaleValue]: "textAlign";
             };
         };
-        fd: (value: Stitches.PropertyValue<'flexDirection'>) => {
-            flexDirection: {
-                readonly [Stitches.$$PropertyValue]: "flexDirection";
+        fd: (value: ScaleValue<'flexDirection'> | string | number) => {
+            flexDirection: string | number | {
+                readonly [$$ScaleValue]: "flexDirection";
             };
         };
-        fw: (value: Stitches.PropertyValue<'flexWrap'>) => {
-            flexWrap: {
-                readonly [Stitches.$$PropertyValue]: "flexWrap";
+        fw: (value: ScaleValue<'flexWrap'> | string | number) => {
+            flexWrap: string | number | {
+                readonly [$$ScaleValue]: "flexWrap";
             };
         };
-        ai: (value: Stitches.PropertyValue<'alignItems'>) => {
-            alignItems: {
-                readonly [Stitches.$$PropertyValue]: "alignItems";
+        ai: (value: ScaleValue<'alignItems'> | string | number) => {
+            alignItems: string | number | {
+                readonly [$$ScaleValue]: "alignItems";
             };
         };
-        ac: (value: Stitches.PropertyValue<'alignContent'>) => {
-            alignContent: {
-                readonly [Stitches.$$PropertyValue]: "alignContent";
+        ac: (value: ScaleValue<'alignContent'> | string | number) => {
+            alignContent: string | number | {
+                readonly [$$ScaleValue]: "alignContent";
             };
         };
-        jc: (value: Stitches.PropertyValue<'justifyContent'>) => {
-            justifyContent: {
-                readonly [Stitches.$$PropertyValue]: "justifyContent";
+        jc: (value: ScaleValue<'justifyContent'> | string | number) => {
+            justifyContent: string | number | {
+                readonly [$$ScaleValue]: "justifyContent";
             };
         };
-        as: (value: Stitches.PropertyValue<'alignSelf'>) => {
-            alignSelf: {
-                readonly [Stitches.$$PropertyValue]: "alignSelf";
+        as: (value: ScaleValue<'alignSelf'> | string | number) => {
+            alignSelf: string | number | {
+                readonly [$$ScaleValue]: "alignSelf";
             };
         };
-        fg: (value: Stitches.PropertyValue<'flexGrow'>) => {
-            flexGrow: {
-                readonly [Stitches.$$PropertyValue]: "flexGrow";
+        fg: (value: ScaleValue<'flexGrow'> | string | number) => {
+            flexGrow: string | number | {
+                readonly [$$ScaleValue]: "flexGrow";
             };
         };
-        fs: (value: Stitches.PropertyValue<'flexShrink'>) => {
-            flexShrink: {
-                readonly [Stitches.$$PropertyValue]: "flexShrink";
+        fs: (value: ScaleValue<'flexShrink'> | string | number) => {
+            flexShrink: string | number | {
+                readonly [$$ScaleValue]: "flexShrink";
             };
         };
-        fb: (value: Stitches.PropertyValue<'flexBasis'>) => {
-            flexBasis: {
-                readonly [Stitches.$$PropertyValue]: "flexBasis";
+        fb: (value: ScaleValue<'flexBasis'> | string | number) => {
+            flexBasis: string | number | {
+                readonly [$$ScaleValue]: "flexBasis";
             };
         };
-        bc: (value: Stitches.PropertyValue<'backgroundColor'>) => {
-            backgroundColor: {
-                readonly [Stitches.$$PropertyValue]: "backgroundColor";
+        bc: (value: ScaleValue<'backgroundColor'> | string | number) => {
+            backgroundColor: string | number | {
+                readonly [$$ScaleValue]: "backgroundColor";
             };
         };
-        br: (value: Stitches.PropertyValue<'borderRadius'>) => {
-            borderRadius: {
-                readonly [Stitches.$$PropertyValue]: "borderRadius";
+        br: (value: ScaleValue<'borderRadius'> | string | number) => {
+            borderRadius: string | number | {
+                readonly [$$ScaleValue]: "borderRadius";
             };
         };
-        btrr: (value: Stitches.PropertyValue<'borderTopRightRadius'>) => {
-            borderTopRightRadius: {
-                readonly [Stitches.$$PropertyValue]: "borderTopRightRadius";
+        btrr: (value: ScaleValue<'borderTopRightRadius'> | string | number) => {
+            borderTopRightRadius: string | number | {
+                readonly [$$ScaleValue]: "borderTopRightRadius";
             };
         };
-        bbrr: (value: Stitches.PropertyValue<'borderBottomRightRadius'>) => {
-            borderBottomRightRadius: {
-                readonly [Stitches.$$PropertyValue]: "borderBottomRightRadius";
+        bbrr: (value: ScaleValue<'borderBottomRightRadius'> | string | number) => {
+            borderBottomRightRadius: string | number | {
+                readonly [$$ScaleValue]: "borderBottomRightRadius";
             };
         };
-        bblr: (value: Stitches.PropertyValue<'borderBottomLeftRadius'>) => {
-            borderBottomLeftRadius: {
-                readonly [Stitches.$$PropertyValue]: "borderBottomLeftRadius";
+        bblr: (value: ScaleValue<'borderBottomLeftRadius'> | string | number) => {
+            borderBottomLeftRadius: string | number | {
+                readonly [$$ScaleValue]: "borderBottomLeftRadius";
             };
         };
-        btlr: (value: Stitches.PropertyValue<'borderTopLeftRadius'>) => {
-            borderTopLeftRadius: {
-                readonly [Stitches.$$PropertyValue]: "borderTopLeftRadius";
+        btlr: (value: ScaleValue<'borderTopLeftRadius'> | string | number) => {
+            borderTopLeftRadius: string | number | {
+                readonly [$$ScaleValue]: "borderTopLeftRadius";
             };
         };
-        bs: (value: Stitches.PropertyValue<'boxShadow'>) => {
-            boxShadow: {
-                readonly [Stitches.$$PropertyValue]: "boxShadow";
+        bs: (value: ScaleValue<'boxShadow'> | string | number) => {
+            boxShadow: string | number | {
+                readonly [$$ScaleValue]: "boxShadow";
             };
         };
-        lh: (value: Stitches.PropertyValue<'lineHeight'>) => {
-            lineHeight: {
-                readonly [Stitches.$$PropertyValue]: "lineHeight";
+        lh: (value: ScaleValue<'lineHeight'> | string | number) => {
+            lineHeight: string | number | {
+                readonly [$$ScaleValue]: "lineHeight";
             };
         };
-        ox: (value: Stitches.PropertyValue<'overflowX'>) => {
-            overflowX: {
-                readonly [Stitches.$$PropertyValue]: "overflowX";
+        ox: (value: ScaleValue<'overflowX'> | string | number) => {
+            overflowX: string | number | {
+                readonly [$$ScaleValue]: "overflowX";
             };
         };
-        oy: (value: Stitches.PropertyValue<'overflowY'>) => {
-            overflowY: {
-                readonly [Stitches.$$PropertyValue]: "overflowY";
+        oy: (value: ScaleValue<'overflowY'> | string | number) => {
+            overflowY: string | number | {
+                readonly [$$ScaleValue]: "overflowY";
             };
         };
-        pe: (value: Stitches.PropertyValue<'pointerEvents'>) => {
-            pointerEvents: {
-                readonly [Stitches.$$PropertyValue]: "pointerEvents";
+        pe: (value: ScaleValue<'pointerEvents'> | string | number) => {
+            pointerEvents: string | number | {
+                readonly [$$ScaleValue]: "pointerEvents";
             };
         };
-        us: (value: Stitches.PropertyValue<'userSelect'>) => {
-            WebkitUserSelect: {
-                readonly [Stitches.$$PropertyValue]: "userSelect";
+        us: (value: ScaleValue<'userSelect'> | string | number) => {
+            WebkitUserSelect: string | number | {
+                readonly [$$ScaleValue]: "userSelect";
             };
-            userSelect: {
-                readonly [Stitches.$$PropertyValue]: "userSelect";
+            userSelect: string | number | {
+                readonly [$$ScaleValue]: "userSelect";
             };
         };
-        userSelect: (value: Stitches.PropertyValue<'userSelect'>) => {
-            WebkitUserSelect: {
-                readonly [Stitches.$$PropertyValue]: "userSelect";
+        userSelect: (value: ScaleValue<'userSelect'> | string | number) => {
+            WebkitUserSelect: string | number | {
+                readonly [$$ScaleValue]: "userSelect";
             };
-            userSelect: {
-                readonly [Stitches.$$PropertyValue]: "userSelect";
+            userSelect: string | number | {
+                readonly [$$ScaleValue]: "userSelect";
             };
         };
-        size: (value: Stitches.PropertyValue<'width'>) => {
-            width: {
-                readonly [Stitches.$$PropertyValue]: "width";
+        size: (value: ScaleValue<'width'> | string | number) => {
+            width: string | number | {
+                readonly [$$ScaleValue]: "width";
             };
-            height: {
-                readonly [Stitches.$$PropertyValue]: "width";
+            height: string | number | {
+                readonly [$$ScaleValue]: "width";
             };
         };
-        appearance: (value: Stitches.PropertyValue<'appearance'>) => {
-            WebkitAppearance: {
-                readonly [Stitches.$$PropertyValue]: "appearance";
+        appearance: (value: ScaleValue<'appearance'> | string | number) => {
+            WebkitAppearance: string | number | {
+                readonly [$$ScaleValue]: "appearance";
             };
-            appearance: {
-                readonly [Stitches.$$PropertyValue]: "appearance";
+            appearance: string | number | {
+                readonly [$$ScaleValue]: "appearance";
             };
         };
-        backgroundClip: (value: Stitches.PropertyValue<'backgroundClip'>) => {
-            WebkitBackgroundClip: {
-                readonly [Stitches.$$PropertyValue]: "backgroundClip";
+        backgroundClip: (value: ScaleValue<'backgroundClip'> | string | number) => {
+            WebkitBackgroundClip: string | number | {
+                readonly [$$ScaleValue]: "backgroundClip";
             };
-            backgroundClip: {
-                readonly [Stitches.$$PropertyValue]: "backgroundClip";
+            backgroundClip: string | number | {
+                readonly [$$ScaleValue]: "backgroundClip";
             };
         };
     }>;
@@ -2327,231 +2327,231 @@ declare const globalCss: <Styles extends {
         toast: string;
     };
 }, _stitches_react_types_config.DefaultThemeMap, {
-    p: (value: Stitches.PropertyValue<'padding'>) => {
-        padding: {
-            readonly [Stitches.$$PropertyValue]: "padding";
+    p: (value: ScaleValue<'padding'> | string | number) => {
+        padding: string | number | {
+            readonly [$$ScaleValue]: "padding";
         };
     };
-    pt: (value: Stitches.PropertyValue<'paddingTop'>) => {
-        paddingTop: {
-            readonly [Stitches.$$PropertyValue]: "paddingTop";
+    pt: (value: ScaleValue<'paddingTop'> | string | number) => {
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "paddingTop";
         };
     };
-    pr: (value: Stitches.PropertyValue<'paddingRight'>) => {
-        paddingRight: {
-            readonly [Stitches.$$PropertyValue]: "paddingRight";
+    pr: (value: ScaleValue<'paddingRight'> | string | number) => {
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "paddingRight";
         };
     };
-    pb: (value: Stitches.PropertyValue<'paddingBottom'>) => {
-        paddingBottom: {
-            readonly [Stitches.$$PropertyValue]: "paddingBottom";
+    pb: (value: ScaleValue<'paddingBottom'> | string | number) => {
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "paddingBottom";
         };
     };
-    pl: (value: Stitches.PropertyValue<'paddingLeft'>) => {
-        paddingLeft: {
-            readonly [Stitches.$$PropertyValue]: "paddingLeft";
+    pl: (value: ScaleValue<'paddingLeft'> | string | number) => {
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "paddingLeft";
         };
     };
-    px: (value: Stitches.PropertyValue<'paddingLeft'>) => {
-        paddingLeft: {
-            readonly [Stitches.$$PropertyValue]: "paddingLeft";
+    px: (value: ScaleValue<'paddingLeft'> | string | number) => {
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "paddingLeft";
         };
-        paddingRight: {
-            readonly [Stitches.$$PropertyValue]: "paddingLeft";
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "paddingLeft";
         };
     };
-    py: (value: Stitches.PropertyValue<'paddingTop'>) => {
-        paddingTop: {
-            readonly [Stitches.$$PropertyValue]: "paddingTop";
+    py: (value: ScaleValue<'paddingTop'> | string | number) => {
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "paddingTop";
         };
-        paddingBottom: {
-            readonly [Stitches.$$PropertyValue]: "paddingTop";
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "paddingTop";
         };
     };
-    m: (value: Stitches.PropertyValue<'margin'>) => {
-        margin: {
-            readonly [Stitches.$$PropertyValue]: "margin";
+    m: (value: ScaleValue<'margin'> | string | number) => {
+        margin: string | number | {
+            readonly [$$ScaleValue]: "margin";
         };
     };
-    mt: (value: Stitches.PropertyValue<'marginTop'>) => {
-        marginTop: {
-            readonly [Stitches.$$PropertyValue]: "marginTop";
+    mt: (value: ScaleValue<'marginTop'> | string | number) => {
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "marginTop";
         };
     };
-    mr: (value: Stitches.PropertyValue<'marginRight'>) => {
-        marginRight: {
-            readonly [Stitches.$$PropertyValue]: "marginRight";
+    mr: (value: ScaleValue<'marginRight'> | string | number) => {
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "marginRight";
         };
     };
-    mb: (value: Stitches.PropertyValue<'marginBottom'>) => {
-        marginBottom: {
-            readonly [Stitches.$$PropertyValue]: "marginBottom";
+    mb: (value: ScaleValue<'marginBottom'> | string | number) => {
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "marginBottom";
         };
     };
-    ml: (value: Stitches.PropertyValue<'marginLeft'>) => {
-        marginLeft: {
-            readonly [Stitches.$$PropertyValue]: "marginLeft";
+    ml: (value: ScaleValue<'marginLeft'> | string | number) => {
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "marginLeft";
         };
     };
-    mx: (value: Stitches.PropertyValue<'marginLeft'>) => {
-        marginLeft: {
-            readonly [Stitches.$$PropertyValue]: "marginLeft";
+    mx: (value: ScaleValue<'marginLeft'> | string | number) => {
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "marginLeft";
         };
-        marginRight: {
-            readonly [Stitches.$$PropertyValue]: "marginLeft";
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "marginLeft";
         };
     };
-    my: (value: Stitches.PropertyValue<'marginTop'>) => {
-        marginTop: {
-            readonly [Stitches.$$PropertyValue]: "marginTop";
+    my: (value: ScaleValue<'marginTop'> | string | number) => {
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "marginTop";
         };
-        marginBottom: {
-            readonly [Stitches.$$PropertyValue]: "marginTop";
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "marginTop";
         };
     };
-    ta: (value: Stitches.PropertyValue<'textAlign'>) => {
-        textAlign: {
-            readonly [Stitches.$$PropertyValue]: "textAlign";
+    ta: (value: ScaleValue<'textAlign'> | string | number) => {
+        textAlign: string | number | {
+            readonly [$$ScaleValue]: "textAlign";
         };
     };
-    fd: (value: Stitches.PropertyValue<'flexDirection'>) => {
-        flexDirection: {
-            readonly [Stitches.$$PropertyValue]: "flexDirection";
+    fd: (value: ScaleValue<'flexDirection'> | string | number) => {
+        flexDirection: string | number | {
+            readonly [$$ScaleValue]: "flexDirection";
         };
     };
-    fw: (value: Stitches.PropertyValue<'flexWrap'>) => {
-        flexWrap: {
-            readonly [Stitches.$$PropertyValue]: "flexWrap";
+    fw: (value: ScaleValue<'flexWrap'> | string | number) => {
+        flexWrap: string | number | {
+            readonly [$$ScaleValue]: "flexWrap";
         };
     };
-    ai: (value: Stitches.PropertyValue<'alignItems'>) => {
-        alignItems: {
-            readonly [Stitches.$$PropertyValue]: "alignItems";
+    ai: (value: ScaleValue<'alignItems'> | string | number) => {
+        alignItems: string | number | {
+            readonly [$$ScaleValue]: "alignItems";
         };
     };
-    ac: (value: Stitches.PropertyValue<'alignContent'>) => {
-        alignContent: {
-            readonly [Stitches.$$PropertyValue]: "alignContent";
+    ac: (value: ScaleValue<'alignContent'> | string | number) => {
+        alignContent: string | number | {
+            readonly [$$ScaleValue]: "alignContent";
         };
     };
-    jc: (value: Stitches.PropertyValue<'justifyContent'>) => {
-        justifyContent: {
-            readonly [Stitches.$$PropertyValue]: "justifyContent";
+    jc: (value: ScaleValue<'justifyContent'> | string | number) => {
+        justifyContent: string | number | {
+            readonly [$$ScaleValue]: "justifyContent";
         };
     };
-    as: (value: Stitches.PropertyValue<'alignSelf'>) => {
-        alignSelf: {
-            readonly [Stitches.$$PropertyValue]: "alignSelf";
+    as: (value: ScaleValue<'alignSelf'> | string | number) => {
+        alignSelf: string | number | {
+            readonly [$$ScaleValue]: "alignSelf";
         };
     };
-    fg: (value: Stitches.PropertyValue<'flexGrow'>) => {
-        flexGrow: {
-            readonly [Stitches.$$PropertyValue]: "flexGrow";
+    fg: (value: ScaleValue<'flexGrow'> | string | number) => {
+        flexGrow: string | number | {
+            readonly [$$ScaleValue]: "flexGrow";
         };
     };
-    fs: (value: Stitches.PropertyValue<'flexShrink'>) => {
-        flexShrink: {
-            readonly [Stitches.$$PropertyValue]: "flexShrink";
+    fs: (value: ScaleValue<'flexShrink'> | string | number) => {
+        flexShrink: string | number | {
+            readonly [$$ScaleValue]: "flexShrink";
         };
     };
-    fb: (value: Stitches.PropertyValue<'flexBasis'>) => {
-        flexBasis: {
-            readonly [Stitches.$$PropertyValue]: "flexBasis";
+    fb: (value: ScaleValue<'flexBasis'> | string | number) => {
+        flexBasis: string | number | {
+            readonly [$$ScaleValue]: "flexBasis";
         };
     };
-    bc: (value: Stitches.PropertyValue<'backgroundColor'>) => {
-        backgroundColor: {
-            readonly [Stitches.$$PropertyValue]: "backgroundColor";
+    bc: (value: ScaleValue<'backgroundColor'> | string | number) => {
+        backgroundColor: string | number | {
+            readonly [$$ScaleValue]: "backgroundColor";
         };
     };
-    br: (value: Stitches.PropertyValue<'borderRadius'>) => {
-        borderRadius: {
-            readonly [Stitches.$$PropertyValue]: "borderRadius";
+    br: (value: ScaleValue<'borderRadius'> | string | number) => {
+        borderRadius: string | number | {
+            readonly [$$ScaleValue]: "borderRadius";
         };
     };
-    btrr: (value: Stitches.PropertyValue<'borderTopRightRadius'>) => {
-        borderTopRightRadius: {
-            readonly [Stitches.$$PropertyValue]: "borderTopRightRadius";
+    btrr: (value: ScaleValue<'borderTopRightRadius'> | string | number) => {
+        borderTopRightRadius: string | number | {
+            readonly [$$ScaleValue]: "borderTopRightRadius";
         };
     };
-    bbrr: (value: Stitches.PropertyValue<'borderBottomRightRadius'>) => {
-        borderBottomRightRadius: {
-            readonly [Stitches.$$PropertyValue]: "borderBottomRightRadius";
+    bbrr: (value: ScaleValue<'borderBottomRightRadius'> | string | number) => {
+        borderBottomRightRadius: string | number | {
+            readonly [$$ScaleValue]: "borderBottomRightRadius";
         };
     };
-    bblr: (value: Stitches.PropertyValue<'borderBottomLeftRadius'>) => {
-        borderBottomLeftRadius: {
-            readonly [Stitches.$$PropertyValue]: "borderBottomLeftRadius";
+    bblr: (value: ScaleValue<'borderBottomLeftRadius'> | string | number) => {
+        borderBottomLeftRadius: string | number | {
+            readonly [$$ScaleValue]: "borderBottomLeftRadius";
         };
     };
-    btlr: (value: Stitches.PropertyValue<'borderTopLeftRadius'>) => {
-        borderTopLeftRadius: {
-            readonly [Stitches.$$PropertyValue]: "borderTopLeftRadius";
+    btlr: (value: ScaleValue<'borderTopLeftRadius'> | string | number) => {
+        borderTopLeftRadius: string | number | {
+            readonly [$$ScaleValue]: "borderTopLeftRadius";
         };
     };
-    bs: (value: Stitches.PropertyValue<'boxShadow'>) => {
-        boxShadow: {
-            readonly [Stitches.$$PropertyValue]: "boxShadow";
+    bs: (value: ScaleValue<'boxShadow'> | string | number) => {
+        boxShadow: string | number | {
+            readonly [$$ScaleValue]: "boxShadow";
         };
     };
-    lh: (value: Stitches.PropertyValue<'lineHeight'>) => {
-        lineHeight: {
-            readonly [Stitches.$$PropertyValue]: "lineHeight";
+    lh: (value: ScaleValue<'lineHeight'> | string | number) => {
+        lineHeight: string | number | {
+            readonly [$$ScaleValue]: "lineHeight";
         };
     };
-    ox: (value: Stitches.PropertyValue<'overflowX'>) => {
-        overflowX: {
-            readonly [Stitches.$$PropertyValue]: "overflowX";
+    ox: (value: ScaleValue<'overflowX'> | string | number) => {
+        overflowX: string | number | {
+            readonly [$$ScaleValue]: "overflowX";
         };
     };
-    oy: (value: Stitches.PropertyValue<'overflowY'>) => {
-        overflowY: {
-            readonly [Stitches.$$PropertyValue]: "overflowY";
+    oy: (value: ScaleValue<'overflowY'> | string | number) => {
+        overflowY: string | number | {
+            readonly [$$ScaleValue]: "overflowY";
         };
     };
-    pe: (value: Stitches.PropertyValue<'pointerEvents'>) => {
-        pointerEvents: {
-            readonly [Stitches.$$PropertyValue]: "pointerEvents";
+    pe: (value: ScaleValue<'pointerEvents'> | string | number) => {
+        pointerEvents: string | number | {
+            readonly [$$ScaleValue]: "pointerEvents";
         };
     };
-    us: (value: Stitches.PropertyValue<'userSelect'>) => {
-        WebkitUserSelect: {
-            readonly [Stitches.$$PropertyValue]: "userSelect";
+    us: (value: ScaleValue<'userSelect'> | string | number) => {
+        WebkitUserSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
         };
-        userSelect: {
-            readonly [Stitches.$$PropertyValue]: "userSelect";
+        userSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
         };
     };
-    userSelect: (value: Stitches.PropertyValue<'userSelect'>) => {
-        WebkitUserSelect: {
-            readonly [Stitches.$$PropertyValue]: "userSelect";
+    userSelect: (value: ScaleValue<'userSelect'> | string | number) => {
+        WebkitUserSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
         };
-        userSelect: {
-            readonly [Stitches.$$PropertyValue]: "userSelect";
+        userSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
         };
     };
-    size: (value: Stitches.PropertyValue<'width'>) => {
-        width: {
-            readonly [Stitches.$$PropertyValue]: "width";
+    size: (value: ScaleValue<'width'> | string | number) => {
+        width: string | number | {
+            readonly [$$ScaleValue]: "width";
         };
-        height: {
-            readonly [Stitches.$$PropertyValue]: "width";
+        height: string | number | {
+            readonly [$$ScaleValue]: "width";
         };
     };
-    appearance: (value: Stitches.PropertyValue<'appearance'>) => {
-        WebkitAppearance: {
-            readonly [Stitches.$$PropertyValue]: "appearance";
+    appearance: (value: ScaleValue<'appearance'> | string | number) => {
+        WebkitAppearance: string | number | {
+            readonly [$$ScaleValue]: "appearance";
         };
-        appearance: {
-            readonly [Stitches.$$PropertyValue]: "appearance";
+        appearance: string | number | {
+            readonly [$$ScaleValue]: "appearance";
         };
     };
-    backgroundClip: (value: Stitches.PropertyValue<'backgroundClip'>) => {
-        WebkitBackgroundClip: {
-            readonly [Stitches.$$PropertyValue]: "backgroundClip";
+    backgroundClip: (value: ScaleValue<'backgroundClip'> | string | number) => {
+        WebkitBackgroundClip: string | number | {
+            readonly [$$ScaleValue]: "backgroundClip";
         };
-        backgroundClip: {
-            readonly [Stitches.$$PropertyValue]: "backgroundClip";
+        backgroundClip: string | number | {
+            readonly [$$ScaleValue]: "backgroundClip";
         };
     };
 }>; })[]) => () => string;
@@ -2823,231 +2823,231 @@ declare const keyframes: (style: {
             toast: string;
         };
     }, _stitches_react_types_config.DefaultThemeMap, {
-        p: (value: Stitches.PropertyValue<'padding'>) => {
-            padding: {
-                readonly [Stitches.$$PropertyValue]: "padding";
+        p: (value: ScaleValue<'padding'> | string | number) => {
+            padding: string | number | {
+                readonly [$$ScaleValue]: "padding";
             };
         };
-        pt: (value: Stitches.PropertyValue<'paddingTop'>) => {
-            paddingTop: {
-                readonly [Stitches.$$PropertyValue]: "paddingTop";
+        pt: (value: ScaleValue<'paddingTop'> | string | number) => {
+            paddingTop: string | number | {
+                readonly [$$ScaleValue]: "paddingTop";
             };
         };
-        pr: (value: Stitches.PropertyValue<'paddingRight'>) => {
-            paddingRight: {
-                readonly [Stitches.$$PropertyValue]: "paddingRight";
+        pr: (value: ScaleValue<'paddingRight'> | string | number) => {
+            paddingRight: string | number | {
+                readonly [$$ScaleValue]: "paddingRight";
             };
         };
-        pb: (value: Stitches.PropertyValue<'paddingBottom'>) => {
-            paddingBottom: {
-                readonly [Stitches.$$PropertyValue]: "paddingBottom";
+        pb: (value: ScaleValue<'paddingBottom'> | string | number) => {
+            paddingBottom: string | number | {
+                readonly [$$ScaleValue]: "paddingBottom";
             };
         };
-        pl: (value: Stitches.PropertyValue<'paddingLeft'>) => {
-            paddingLeft: {
-                readonly [Stitches.$$PropertyValue]: "paddingLeft";
+        pl: (value: ScaleValue<'paddingLeft'> | string | number) => {
+            paddingLeft: string | number | {
+                readonly [$$ScaleValue]: "paddingLeft";
             };
         };
-        px: (value: Stitches.PropertyValue<'paddingLeft'>) => {
-            paddingLeft: {
-                readonly [Stitches.$$PropertyValue]: "paddingLeft";
+        px: (value: ScaleValue<'paddingLeft'> | string | number) => {
+            paddingLeft: string | number | {
+                readonly [$$ScaleValue]: "paddingLeft";
             };
-            paddingRight: {
-                readonly [Stitches.$$PropertyValue]: "paddingLeft";
+            paddingRight: string | number | {
+                readonly [$$ScaleValue]: "paddingLeft";
             };
         };
-        py: (value: Stitches.PropertyValue<'paddingTop'>) => {
-            paddingTop: {
-                readonly [Stitches.$$PropertyValue]: "paddingTop";
+        py: (value: ScaleValue<'paddingTop'> | string | number) => {
+            paddingTop: string | number | {
+                readonly [$$ScaleValue]: "paddingTop";
             };
-            paddingBottom: {
-                readonly [Stitches.$$PropertyValue]: "paddingTop";
+            paddingBottom: string | number | {
+                readonly [$$ScaleValue]: "paddingTop";
             };
         };
-        m: (value: Stitches.PropertyValue<'margin'>) => {
-            margin: {
-                readonly [Stitches.$$PropertyValue]: "margin";
+        m: (value: ScaleValue<'margin'> | string | number) => {
+            margin: string | number | {
+                readonly [$$ScaleValue]: "margin";
             };
         };
-        mt: (value: Stitches.PropertyValue<'marginTop'>) => {
-            marginTop: {
-                readonly [Stitches.$$PropertyValue]: "marginTop";
+        mt: (value: ScaleValue<'marginTop'> | string | number) => {
+            marginTop: string | number | {
+                readonly [$$ScaleValue]: "marginTop";
             };
         };
-        mr: (value: Stitches.PropertyValue<'marginRight'>) => {
-            marginRight: {
-                readonly [Stitches.$$PropertyValue]: "marginRight";
+        mr: (value: ScaleValue<'marginRight'> | string | number) => {
+            marginRight: string | number | {
+                readonly [$$ScaleValue]: "marginRight";
             };
         };
-        mb: (value: Stitches.PropertyValue<'marginBottom'>) => {
-            marginBottom: {
-                readonly [Stitches.$$PropertyValue]: "marginBottom";
+        mb: (value: ScaleValue<'marginBottom'> | string | number) => {
+            marginBottom: string | number | {
+                readonly [$$ScaleValue]: "marginBottom";
             };
         };
-        ml: (value: Stitches.PropertyValue<'marginLeft'>) => {
-            marginLeft: {
-                readonly [Stitches.$$PropertyValue]: "marginLeft";
+        ml: (value: ScaleValue<'marginLeft'> | string | number) => {
+            marginLeft: string | number | {
+                readonly [$$ScaleValue]: "marginLeft";
             };
         };
-        mx: (value: Stitches.PropertyValue<'marginLeft'>) => {
-            marginLeft: {
-                readonly [Stitches.$$PropertyValue]: "marginLeft";
+        mx: (value: ScaleValue<'marginLeft'> | string | number) => {
+            marginLeft: string | number | {
+                readonly [$$ScaleValue]: "marginLeft";
             };
-            marginRight: {
-                readonly [Stitches.$$PropertyValue]: "marginLeft";
+            marginRight: string | number | {
+                readonly [$$ScaleValue]: "marginLeft";
             };
         };
-        my: (value: Stitches.PropertyValue<'marginTop'>) => {
-            marginTop: {
-                readonly [Stitches.$$PropertyValue]: "marginTop";
+        my: (value: ScaleValue<'marginTop'> | string | number) => {
+            marginTop: string | number | {
+                readonly [$$ScaleValue]: "marginTop";
             };
-            marginBottom: {
-                readonly [Stitches.$$PropertyValue]: "marginTop";
+            marginBottom: string | number | {
+                readonly [$$ScaleValue]: "marginTop";
             };
         };
-        ta: (value: Stitches.PropertyValue<'textAlign'>) => {
-            textAlign: {
-                readonly [Stitches.$$PropertyValue]: "textAlign";
+        ta: (value: ScaleValue<'textAlign'> | string | number) => {
+            textAlign: string | number | {
+                readonly [$$ScaleValue]: "textAlign";
             };
         };
-        fd: (value: Stitches.PropertyValue<'flexDirection'>) => {
-            flexDirection: {
-                readonly [Stitches.$$PropertyValue]: "flexDirection";
+        fd: (value: ScaleValue<'flexDirection'> | string | number) => {
+            flexDirection: string | number | {
+                readonly [$$ScaleValue]: "flexDirection";
             };
         };
-        fw: (value: Stitches.PropertyValue<'flexWrap'>) => {
-            flexWrap: {
-                readonly [Stitches.$$PropertyValue]: "flexWrap";
+        fw: (value: ScaleValue<'flexWrap'> | string | number) => {
+            flexWrap: string | number | {
+                readonly [$$ScaleValue]: "flexWrap";
             };
         };
-        ai: (value: Stitches.PropertyValue<'alignItems'>) => {
-            alignItems: {
-                readonly [Stitches.$$PropertyValue]: "alignItems";
+        ai: (value: ScaleValue<'alignItems'> | string | number) => {
+            alignItems: string | number | {
+                readonly [$$ScaleValue]: "alignItems";
             };
         };
-        ac: (value: Stitches.PropertyValue<'alignContent'>) => {
-            alignContent: {
-                readonly [Stitches.$$PropertyValue]: "alignContent";
+        ac: (value: ScaleValue<'alignContent'> | string | number) => {
+            alignContent: string | number | {
+                readonly [$$ScaleValue]: "alignContent";
             };
         };
-        jc: (value: Stitches.PropertyValue<'justifyContent'>) => {
-            justifyContent: {
-                readonly [Stitches.$$PropertyValue]: "justifyContent";
+        jc: (value: ScaleValue<'justifyContent'> | string | number) => {
+            justifyContent: string | number | {
+                readonly [$$ScaleValue]: "justifyContent";
             };
         };
-        as: (value: Stitches.PropertyValue<'alignSelf'>) => {
-            alignSelf: {
-                readonly [Stitches.$$PropertyValue]: "alignSelf";
+        as: (value: ScaleValue<'alignSelf'> | string | number) => {
+            alignSelf: string | number | {
+                readonly [$$ScaleValue]: "alignSelf";
             };
         };
-        fg: (value: Stitches.PropertyValue<'flexGrow'>) => {
-            flexGrow: {
-                readonly [Stitches.$$PropertyValue]: "flexGrow";
+        fg: (value: ScaleValue<'flexGrow'> | string | number) => {
+            flexGrow: string | number | {
+                readonly [$$ScaleValue]: "flexGrow";
             };
         };
-        fs: (value: Stitches.PropertyValue<'flexShrink'>) => {
-            flexShrink: {
-                readonly [Stitches.$$PropertyValue]: "flexShrink";
+        fs: (value: ScaleValue<'flexShrink'> | string | number) => {
+            flexShrink: string | number | {
+                readonly [$$ScaleValue]: "flexShrink";
             };
         };
-        fb: (value: Stitches.PropertyValue<'flexBasis'>) => {
-            flexBasis: {
-                readonly [Stitches.$$PropertyValue]: "flexBasis";
+        fb: (value: ScaleValue<'flexBasis'> | string | number) => {
+            flexBasis: string | number | {
+                readonly [$$ScaleValue]: "flexBasis";
             };
         };
-        bc: (value: Stitches.PropertyValue<'backgroundColor'>) => {
-            backgroundColor: {
-                readonly [Stitches.$$PropertyValue]: "backgroundColor";
+        bc: (value: ScaleValue<'backgroundColor'> | string | number) => {
+            backgroundColor: string | number | {
+                readonly [$$ScaleValue]: "backgroundColor";
             };
         };
-        br: (value: Stitches.PropertyValue<'borderRadius'>) => {
-            borderRadius: {
-                readonly [Stitches.$$PropertyValue]: "borderRadius";
+        br: (value: ScaleValue<'borderRadius'> | string | number) => {
+            borderRadius: string | number | {
+                readonly [$$ScaleValue]: "borderRadius";
             };
         };
-        btrr: (value: Stitches.PropertyValue<'borderTopRightRadius'>) => {
-            borderTopRightRadius: {
-                readonly [Stitches.$$PropertyValue]: "borderTopRightRadius";
+        btrr: (value: ScaleValue<'borderTopRightRadius'> | string | number) => {
+            borderTopRightRadius: string | number | {
+                readonly [$$ScaleValue]: "borderTopRightRadius";
             };
         };
-        bbrr: (value: Stitches.PropertyValue<'borderBottomRightRadius'>) => {
-            borderBottomRightRadius: {
-                readonly [Stitches.$$PropertyValue]: "borderBottomRightRadius";
+        bbrr: (value: ScaleValue<'borderBottomRightRadius'> | string | number) => {
+            borderBottomRightRadius: string | number | {
+                readonly [$$ScaleValue]: "borderBottomRightRadius";
             };
         };
-        bblr: (value: Stitches.PropertyValue<'borderBottomLeftRadius'>) => {
-            borderBottomLeftRadius: {
-                readonly [Stitches.$$PropertyValue]: "borderBottomLeftRadius";
+        bblr: (value: ScaleValue<'borderBottomLeftRadius'> | string | number) => {
+            borderBottomLeftRadius: string | number | {
+                readonly [$$ScaleValue]: "borderBottomLeftRadius";
             };
         };
-        btlr: (value: Stitches.PropertyValue<'borderTopLeftRadius'>) => {
-            borderTopLeftRadius: {
-                readonly [Stitches.$$PropertyValue]: "borderTopLeftRadius";
+        btlr: (value: ScaleValue<'borderTopLeftRadius'> | string | number) => {
+            borderTopLeftRadius: string | number | {
+                readonly [$$ScaleValue]: "borderTopLeftRadius";
             };
         };
-        bs: (value: Stitches.PropertyValue<'boxShadow'>) => {
-            boxShadow: {
-                readonly [Stitches.$$PropertyValue]: "boxShadow";
+        bs: (value: ScaleValue<'boxShadow'> | string | number) => {
+            boxShadow: string | number | {
+                readonly [$$ScaleValue]: "boxShadow";
             };
         };
-        lh: (value: Stitches.PropertyValue<'lineHeight'>) => {
-            lineHeight: {
-                readonly [Stitches.$$PropertyValue]: "lineHeight";
+        lh: (value: ScaleValue<'lineHeight'> | string | number) => {
+            lineHeight: string | number | {
+                readonly [$$ScaleValue]: "lineHeight";
             };
         };
-        ox: (value: Stitches.PropertyValue<'overflowX'>) => {
-            overflowX: {
-                readonly [Stitches.$$PropertyValue]: "overflowX";
+        ox: (value: ScaleValue<'overflowX'> | string | number) => {
+            overflowX: string | number | {
+                readonly [$$ScaleValue]: "overflowX";
             };
         };
-        oy: (value: Stitches.PropertyValue<'overflowY'>) => {
-            overflowY: {
-                readonly [Stitches.$$PropertyValue]: "overflowY";
+        oy: (value: ScaleValue<'overflowY'> | string | number) => {
+            overflowY: string | number | {
+                readonly [$$ScaleValue]: "overflowY";
             };
         };
-        pe: (value: Stitches.PropertyValue<'pointerEvents'>) => {
-            pointerEvents: {
-                readonly [Stitches.$$PropertyValue]: "pointerEvents";
+        pe: (value: ScaleValue<'pointerEvents'> | string | number) => {
+            pointerEvents: string | number | {
+                readonly [$$ScaleValue]: "pointerEvents";
             };
         };
-        us: (value: Stitches.PropertyValue<'userSelect'>) => {
-            WebkitUserSelect: {
-                readonly [Stitches.$$PropertyValue]: "userSelect";
+        us: (value: ScaleValue<'userSelect'> | string | number) => {
+            WebkitUserSelect: string | number | {
+                readonly [$$ScaleValue]: "userSelect";
             };
-            userSelect: {
-                readonly [Stitches.$$PropertyValue]: "userSelect";
+            userSelect: string | number | {
+                readonly [$$ScaleValue]: "userSelect";
             };
         };
-        userSelect: (value: Stitches.PropertyValue<'userSelect'>) => {
-            WebkitUserSelect: {
-                readonly [Stitches.$$PropertyValue]: "userSelect";
+        userSelect: (value: ScaleValue<'userSelect'> | string | number) => {
+            WebkitUserSelect: string | number | {
+                readonly [$$ScaleValue]: "userSelect";
             };
-            userSelect: {
-                readonly [Stitches.$$PropertyValue]: "userSelect";
+            userSelect: string | number | {
+                readonly [$$ScaleValue]: "userSelect";
             };
         };
-        size: (value: Stitches.PropertyValue<'width'>) => {
-            width: {
-                readonly [Stitches.$$PropertyValue]: "width";
+        size: (value: ScaleValue<'width'> | string | number) => {
+            width: string | number | {
+                readonly [$$ScaleValue]: "width";
             };
-            height: {
-                readonly [Stitches.$$PropertyValue]: "width";
+            height: string | number | {
+                readonly [$$ScaleValue]: "width";
             };
         };
-        appearance: (value: Stitches.PropertyValue<'appearance'>) => {
-            WebkitAppearance: {
-                readonly [Stitches.$$PropertyValue]: "appearance";
+        appearance: (value: ScaleValue<'appearance'> | string | number) => {
+            WebkitAppearance: string | number | {
+                readonly [$$ScaleValue]: "appearance";
             };
-            appearance: {
-                readonly [Stitches.$$PropertyValue]: "appearance";
+            appearance: string | number | {
+                readonly [$$ScaleValue]: "appearance";
             };
         };
-        backgroundClip: (value: Stitches.PropertyValue<'backgroundClip'>) => {
-            WebkitBackgroundClip: {
-                readonly [Stitches.$$PropertyValue]: "backgroundClip";
+        backgroundClip: (value: ScaleValue<'backgroundClip'> | string | number) => {
+            WebkitBackgroundClip: string | number | {
+                readonly [$$ScaleValue]: "backgroundClip";
             };
-            backgroundClip: {
-                readonly [Stitches.$$PropertyValue]: "backgroundClip";
+            backgroundClip: string | number | {
+                readonly [$$ScaleValue]: "backgroundClip";
             };
         };
     }>;
@@ -3325,231 +3325,231 @@ declare const styled: <Type extends _stitches_react_types_util.Function | keyof
         toast: string;
     };
 }, _stitches_react_types_config.DefaultThemeMap, {
-    p: (value: Stitches.PropertyValue<'padding'>) => {
-        padding: {
-            readonly [Stitches.$$PropertyValue]: "padding";
+    p: (value: ScaleValue<'padding'> | string | number) => {
+        padding: string | number | {
+            readonly [$$ScaleValue]: "padding";
         };
     };
-    pt: (value: Stitches.PropertyValue<'paddingTop'>) => {
-        paddingTop: {
-            readonly [Stitches.$$PropertyValue]: "paddingTop";
+    pt: (value: ScaleValue<'paddingTop'> | string | number) => {
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "paddingTop";
         };
     };
-    pr: (value: Stitches.PropertyValue<'paddingRight'>) => {
-        paddingRight: {
-            readonly [Stitches.$$PropertyValue]: "paddingRight";
+    pr: (value: ScaleValue<'paddingRight'> | string | number) => {
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "paddingRight";
         };
     };
-    pb: (value: Stitches.PropertyValue<'paddingBottom'>) => {
-        paddingBottom: {
-            readonly [Stitches.$$PropertyValue]: "paddingBottom";
+    pb: (value: ScaleValue<'paddingBottom'> | string | number) => {
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "paddingBottom";
         };
     };
-    pl: (value: Stitches.PropertyValue<'paddingLeft'>) => {
-        paddingLeft: {
-            readonly [Stitches.$$PropertyValue]: "paddingLeft";
+    pl: (value: ScaleValue<'paddingLeft'> | string | number) => {
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "paddingLeft";
         };
     };
-    px: (value: Stitches.PropertyValue<'paddingLeft'>) => {
-        paddingLeft: {
-            readonly [Stitches.$$PropertyValue]: "paddingLeft";
+    px: (value: ScaleValue<'paddingLeft'> | string | number) => {
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "paddingLeft";
         };
-        paddingRight: {
-            readonly [Stitches.$$PropertyValue]: "paddingLeft";
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "paddingLeft";
         };
     };
-    py: (value: Stitches.PropertyValue<'paddingTop'>) => {
-        paddingTop: {
-            readonly [Stitches.$$PropertyValue]: "paddingTop";
+    py: (value: ScaleValue<'paddingTop'> | string | number) => {
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "paddingTop";
         };
-        paddingBottom: {
-            readonly [Stitches.$$PropertyValue]: "paddingTop";
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "paddingTop";
         };
     };
-    m: (value: Stitches.PropertyValue<'margin'>) => {
-        margin: {
-            readonly [Stitches.$$PropertyValue]: "margin";
+    m: (value: ScaleValue<'margin'> | string | number) => {
+        margin: string | number | {
+            readonly [$$ScaleValue]: "margin";
         };
     };
-    mt: (value: Stitches.PropertyValue<'marginTop'>) => {
-        marginTop: {
-            readonly [Stitches.$$PropertyValue]: "marginTop";
+    mt: (value: ScaleValue<'marginTop'> | string | number) => {
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "marginTop";
         };
     };
-    mr: (value: Stitches.PropertyValue<'marginRight'>) => {
-        marginRight: {
-            readonly [Stitches.$$PropertyValue]: "marginRight";
+    mr: (value: ScaleValue<'marginRight'> | string | number) => {
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "marginRight";
         };
     };
-    mb: (value: Stitches.PropertyValue<'marginBottom'>) => {
-        marginBottom: {
-            readonly [Stitches.$$PropertyValue]: "marginBottom";
+    mb: (value: ScaleValue<'marginBottom'> | string | number) => {
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "marginBottom";
         };
     };
-    ml: (value: Stitches.PropertyValue<'marginLeft'>) => {
-        marginLeft: {
-            readonly [Stitches.$$PropertyValue]: "marginLeft";
+    ml: (value: ScaleValue<'marginLeft'> | string | number) => {
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "marginLeft";
         };
     };
-    mx: (value: Stitches.PropertyValue<'marginLeft'>) => {
-        marginLeft: {
-            readonly [Stitches.$$PropertyValue]: "marginLeft";
+    mx: (value: ScaleValue<'marginLeft'> | string | number) => {
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "marginLeft";
         };
-        marginRight: {
-            readonly [Stitches.$$PropertyValue]: "marginLeft";
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "marginLeft";
         };
     };
-    my: (value: Stitches.PropertyValue<'marginTop'>) => {
-        marginTop: {
-            readonly [Stitches.$$PropertyValue]: "marginTop";
+    my: (value: ScaleValue<'marginTop'> | string | number) => {
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "marginTop";
         };
-        marginBottom: {
-            readonly [Stitches.$$PropertyValue]: "marginTop";
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "marginTop";
         };
     };
-    ta: (value: Stitches.PropertyValue<'textAlign'>) => {
-        textAlign: {
-            readonly [Stitches.$$PropertyValue]: "textAlign";
+    ta: (value: ScaleValue<'textAlign'> | string | number) => {
+        textAlign: string | number | {
+            readonly [$$ScaleValue]: "textAlign";
         };
     };
-    fd: (value: Stitches.PropertyValue<'flexDirection'>) => {
-        flexDirection: {
-            readonly [Stitches.$$PropertyValue]: "flexDirection";
+    fd: (value: ScaleValue<'flexDirection'> | string | number) => {
+        flexDirection: string | number | {
+            readonly [$$ScaleValue]: "flexDirection";
         };
     };
-    fw: (value: Stitches.PropertyValue<'flexWrap'>) => {
-        flexWrap: {
-            readonly [Stitches.$$PropertyValue]: "flexWrap";
+    fw: (value: ScaleValue<'flexWrap'> | string | number) => {
+        flexWrap: string | number | {
+            readonly [$$ScaleValue]: "flexWrap";
         };
     };
-    ai: (value: Stitches.PropertyValue<'alignItems'>) => {
-        alignItems: {
-            readonly [Stitches.$$PropertyValue]: "alignItems";
+    ai: (value: ScaleValue<'alignItems'> | string | number) => {
+        alignItems: string | number | {
+            readonly [$$ScaleValue]: "alignItems";
         };
     };
-    ac: (value: Stitches.PropertyValue<'alignContent'>) => {
-        alignContent: {
-            readonly [Stitches.$$PropertyValue]: "alignContent";
+    ac: (value: ScaleValue<'alignContent'> | string | number) => {
+        alignContent: string | number | {
+            readonly [$$ScaleValue]: "alignContent";
         };
     };
-    jc: (value: Stitches.PropertyValue<'justifyContent'>) => {
-        justifyContent: {
-            readonly [Stitches.$$PropertyValue]: "justifyContent";
+    jc: (value: ScaleValue<'justifyContent'> | string | number) => {
+        justifyContent: string | number | {
+            readonly [$$ScaleValue]: "justifyContent";
         };
     };
-    as: (value: Stitches.PropertyValue<'alignSelf'>) => {
-        alignSelf: {
-            readonly [Stitches.$$PropertyValue]: "alignSelf";
+    as: (value: ScaleValue<'alignSelf'> | string | number) => {
+        alignSelf: string | number | {
+            readonly [$$ScaleValue]: "alignSelf";
         };
     };
-    fg: (value: Stitches.PropertyValue<'flexGrow'>) => {
-        flexGrow: {
-            readonly [Stitches.$$PropertyValue]: "flexGrow";
+    fg: (value: ScaleValue<'flexGrow'> | string | number) => {
+        flexGrow: string | number | {
+            readonly [$$ScaleValue]: "flexGrow";
         };
     };
-    fs: (value: Stitches.PropertyValue<'flexShrink'>) => {
-        flexShrink: {
-            readonly [Stitches.$$PropertyValue]: "flexShrink";
+    fs: (value: ScaleValue<'flexShrink'> | string | number) => {
+        flexShrink: string | number | {
+            readonly [$$ScaleValue]: "flexShrink";
         };
     };
-    fb: (value: Stitches.PropertyValue<'flexBasis'>) => {
-        flexBasis: {
-            readonly [Stitches.$$PropertyValue]: "flexBasis";
+    fb: (value: ScaleValue<'flexBasis'> | string | number) => {
+        flexBasis: string | number | {
+            readonly [$$ScaleValue]: "flexBasis";
         };
     };
-    bc: (value: Stitches.PropertyValue<'backgroundColor'>) => {
-        backgroundColor: {
-            readonly [Stitches.$$PropertyValue]: "backgroundColor";
+    bc: (value: ScaleValue<'backgroundColor'> | string | number) => {
+        backgroundColor: string | number | {
+            readonly [$$ScaleValue]: "backgroundColor";
         };
     };
-    br: (value: Stitches.PropertyValue<'borderRadius'>) => {
-        borderRadius: {
-            readonly [Stitches.$$PropertyValue]: "borderRadius";
+    br: (value: ScaleValue<'borderRadius'> | string | number) => {
+        borderRadius: string | number | {
+            readonly [$$ScaleValue]: "borderRadius";
         };
     };
-    btrr: (value: Stitches.PropertyValue<'borderTopRightRadius'>) => {
-        borderTopRightRadius: {
-            readonly [Stitches.$$PropertyValue]: "borderTopRightRadius";
+    btrr: (value: ScaleValue<'borderTopRightRadius'> | string | number) => {
+        borderTopRightRadius: string | number | {
+            readonly [$$ScaleValue]: "borderTopRightRadius";
         };
     };
-    bbrr: (value: Stitches.PropertyValue<'borderBottomRightRadius'>) => {
-        borderBottomRightRadius: {
-            readonly [Stitches.$$PropertyValue]: "borderBottomRightRadius";
+    bbrr: (value: ScaleValue<'borderBottomRightRadius'> | string | number) => {
+        borderBottomRightRadius: string | number | {
+            readonly [$$ScaleValue]: "borderBottomRightRadius";
         };
     };
-    bblr: (value: Stitches.PropertyValue<'borderBottomLeftRadius'>) => {
-        borderBottomLeftRadius: {
-            readonly [Stitches.$$PropertyValue]: "borderBottomLeftRadius";
+    bblr: (value: ScaleValue<'borderBottomLeftRadius'> | string | number) => {
+        borderBottomLeftRadius: string | number | {
+            readonly [$$ScaleValue]: "borderBottomLeftRadius";
         };
     };
-    btlr: (value: Stitches.PropertyValue<'borderTopLeftRadius'>) => {
-        borderTopLeftRadius: {
-            readonly [Stitches.$$PropertyValue]: "borderTopLeftRadius";
+    btlr: (value: ScaleValue<'borderTopLeftRadius'> | string | number) => {
+        borderTopLeftRadius: string | number | {
+            readonly [$$ScaleValue]: "borderTopLeftRadius";
         };
     };
-    bs: (value: Stitches.PropertyValue<'boxShadow'>) => {
-        boxShadow: {
-            readonly [Stitches.$$PropertyValue]: "boxShadow";
+    bs: (value: ScaleValue<'boxShadow'> | string | number) => {
+        boxShadow: string | number | {
+            readonly [$$ScaleValue]: "boxShadow";
         };
     };
-    lh: (value: Stitches.PropertyValue<'lineHeight'>) => {
-        lineHeight: {
-            readonly [Stitches.$$PropertyValue]: "lineHeight";
+    lh: (value: ScaleValue<'lineHeight'> | string | number) => {
+        lineHeight: string | number | {
+            readonly [$$ScaleValue]: "lineHeight";
         };
     };
-    ox: (value: Stitches.PropertyValue<'overflowX'>) => {
-        overflowX: {
-            readonly [Stitches.$$PropertyValue]: "overflowX";
+    ox: (value: ScaleValue<'overflowX'> | string | number) => {
+        overflowX: string | number | {
+            readonly [$$ScaleValue]: "overflowX";
         };
     };
-    oy: (value: Stitches.PropertyValue<'overflowY'>) => {
-        overflowY: {
-            readonly [Stitches.$$PropertyValue]: "overflowY";
+    oy: (value: ScaleValue<'overflowY'> | string | number) => {
+        overflowY: string | number | {
+            readonly [$$ScaleValue]: "overflowY";
         };
     };
-    pe: (value: Stitches.PropertyValue<'pointerEvents'>) => {
-        pointerEvents: {
-            readonly [Stitches.$$PropertyValue]: "pointerEvents";
+    pe: (value: ScaleValue<'pointerEvents'> | string | number) => {
+        pointerEvents: string | number | {
+            readonly [$$ScaleValue]: "pointerEvents";
         };
     };
-    us: (value: Stitches.PropertyValue<'userSelect'>) => {
-        WebkitUserSelect: {
-            readonly [Stitches.$$PropertyValue]: "userSelect";
+    us: (value: ScaleValue<'userSelect'> | string | number) => {
+        WebkitUserSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
         };
-        userSelect: {
-            readonly [Stitches.$$PropertyValue]: "userSelect";
+        userSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
         };
     };
-    userSelect: (value: Stitches.PropertyValue<'userSelect'>) => {
-        WebkitUserSelect: {
-            readonly [Stitches.$$PropertyValue]: "userSelect";
+    userSelect: (value: ScaleValue<'userSelect'> | string | number) => {
+        WebkitUserSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
         };
-        userSelect: {
-            readonly [Stitches.$$PropertyValue]: "userSelect";
+        userSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
         };
     };
-    size: (value: Stitches.PropertyValue<'width'>) => {
-        width: {
-            readonly [Stitches.$$PropertyValue]: "width";
+    size: (value: ScaleValue<'width'> | string | number) => {
+        width: string | number | {
+            readonly [$$ScaleValue]: "width";
         };
-        height: {
-            readonly [Stitches.$$PropertyValue]: "width";
+        height: string | number | {
+            readonly [$$ScaleValue]: "width";
         };
     };
-    appearance: (value: Stitches.PropertyValue<'appearance'>) => {
-        WebkitAppearance: {
-            readonly [Stitches.$$PropertyValue]: "appearance";
+    appearance: (value: ScaleValue<'appearance'> | string | number) => {
+        WebkitAppearance: string | number | {
+            readonly [$$ScaleValue]: "appearance";
         };
-        appearance: {
-            readonly [Stitches.$$PropertyValue]: "appearance";
+        appearance: string | number | {
+            readonly [$$ScaleValue]: "appearance";
         };
     };
-    backgroundClip: (value: Stitches.PropertyValue<'backgroundClip'>) => {
-        WebkitBackgroundClip: {
-            readonly [Stitches.$$PropertyValue]: "backgroundClip";
+    backgroundClip: (value: ScaleValue<'backgroundClip'> | string | number) => {
+        WebkitBackgroundClip: string | number | {
+            readonly [$$ScaleValue]: "backgroundClip";
         };
-        backgroundClip: {
-            readonly [Stitches.$$PropertyValue]: "backgroundClip";
+        backgroundClip: string | number | {
+            readonly [$$ScaleValue]: "backgroundClip";
         };
     };
 }>>(type: Type, ...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | _stitches_react_types_util.Function | React.ComponentType<any> ? Composers[K] : _stitches_react_types_stitches.RemoveIndex<CSS_1> & {
@@ -3839,231 +3839,231 @@ declare const styled: <Type extends _stitches_react_types_util.Function | keyof
         toast: string;
     };
 }, _stitches_react_types_config.DefaultThemeMap, {
-    p: (value: Stitches.PropertyValue<'padding'>) => {
-        padding: {
-            readonly [Stitches.$$PropertyValue]: "padding";
+    p: (value: ScaleValue<'padding'> | string | number) => {
+        padding: string | number | {
+            readonly [$$ScaleValue]: "padding";
         };
     };
-    pt: (value: Stitches.PropertyValue<'paddingTop'>) => {
-        paddingTop: {
-            readonly [Stitches.$$PropertyValue]: "paddingTop";
+    pt: (value: ScaleValue<'paddingTop'> | string | number) => {
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "paddingTop";
         };
     };
-    pr: (value: Stitches.PropertyValue<'paddingRight'>) => {
-        paddingRight: {
-            readonly [Stitches.$$PropertyValue]: "paddingRight";
+    pr: (value: ScaleValue<'paddingRight'> | string | number) => {
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "paddingRight";
         };
     };
-    pb: (value: Stitches.PropertyValue<'paddingBottom'>) => {
-        paddingBottom: {
-            readonly [Stitches.$$PropertyValue]: "paddingBottom";
+    pb: (value: ScaleValue<'paddingBottom'> | string | number) => {
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "paddingBottom";
         };
     };
-    pl: (value: Stitches.PropertyValue<'paddingLeft'>) => {
-        paddingLeft: {
-            readonly [Stitches.$$PropertyValue]: "paddingLeft";
+    pl: (value: ScaleValue<'paddingLeft'> | string | number) => {
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "paddingLeft";
         };
     };
-    px: (value: Stitches.PropertyValue<'paddingLeft'>) => {
-        paddingLeft: {
-            readonly [Stitches.$$PropertyValue]: "paddingLeft";
+    px: (value: ScaleValue<'paddingLeft'> | string | number) => {
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "paddingLeft";
         };
-        paddingRight: {
-            readonly [Stitches.$$PropertyValue]: "paddingLeft";
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "paddingLeft";
         };
     };
-    py: (value: Stitches.PropertyValue<'paddingTop'>) => {
-        paddingTop: {
-            readonly [Stitches.$$PropertyValue]: "paddingTop";
+    py: (value: ScaleValue<'paddingTop'> | string | number) => {
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "paddingTop";
         };
-        paddingBottom: {
-            readonly [Stitches.$$PropertyValue]: "paddingTop";
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "paddingTop";
         };
     };
-    m: (value: Stitches.PropertyValue<'margin'>) => {
-        margin: {
-            readonly [Stitches.$$PropertyValue]: "margin";
+    m: (value: ScaleValue<'margin'> | string | number) => {
+        margin: string | number | {
+            readonly [$$ScaleValue]: "margin";
         };
     };
-    mt: (value: Stitches.PropertyValue<'marginTop'>) => {
-        marginTop: {
-            readonly [Stitches.$$PropertyValue]: "marginTop";
+    mt: (value: ScaleValue<'marginTop'> | string | number) => {
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "marginTop";
         };
     };
-    mr: (value: Stitches.PropertyValue<'marginRight'>) => {
-        marginRight: {
-            readonly [Stitches.$$PropertyValue]: "marginRight";
+    mr: (value: ScaleValue<'marginRight'> | string | number) => {
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "marginRight";
         };
     };
-    mb: (value: Stitches.PropertyValue<'marginBottom'>) => {
-        marginBottom: {
-            readonly [Stitches.$$PropertyValue]: "marginBottom";
+    mb: (value: ScaleValue<'marginBottom'> | string | number) => {
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "marginBottom";
         };
     };
-    ml: (value: Stitches.PropertyValue<'marginLeft'>) => {
-        marginLeft: {
-            readonly [Stitches.$$PropertyValue]: "marginLeft";
+    ml: (value: ScaleValue<'marginLeft'> | string | number) => {
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "marginLeft";
         };
     };
-    mx: (value: Stitches.PropertyValue<'marginLeft'>) => {
-        marginLeft: {
-            readonly [Stitches.$$PropertyValue]: "marginLeft";
+    mx: (value: ScaleValue<'marginLeft'> | string | number) => {
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "marginLeft";
         };
-        marginRight: {
-            readonly [Stitches.$$PropertyValue]: "marginLeft";
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "marginLeft";
         };
     };
-    my: (value: Stitches.PropertyValue<'marginTop'>) => {
-        marginTop: {
-            readonly [Stitches.$$PropertyValue]: "marginTop";
+    my: (value: ScaleValue<'marginTop'> | string | number) => {
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "marginTop";
         };
-        marginBottom: {
-            readonly [Stitches.$$PropertyValue]: "marginTop";
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "marginTop";
         };
     };
-    ta: (value: Stitches.PropertyValue<'textAlign'>) => {
-        textAlign: {
-            readonly [Stitches.$$PropertyValue]: "textAlign";
+    ta: (value: ScaleValue<'textAlign'> | string | number) => {
+        textAlign: string | number | {
+            readonly [$$ScaleValue]: "textAlign";
         };
     };
-    fd: (value: Stitches.PropertyValue<'flexDirection'>) => {
-        flexDirection: {
-            readonly [Stitches.$$PropertyValue]: "flexDirection";
+    fd: (value: ScaleValue<'flexDirection'> | string | number) => {
+        flexDirection: string | number | {
+            readonly [$$ScaleValue]: "flexDirection";
         };
     };
-    fw: (value: Stitches.PropertyValue<'flexWrap'>) => {
-        flexWrap: {
-            readonly [Stitches.$$PropertyValue]: "flexWrap";
+    fw: (value: ScaleValue<'flexWrap'> | string | number) => {
+        flexWrap: string | number | {
+            readonly [$$ScaleValue]: "flexWrap";
         };
     };
-    ai: (value: Stitches.PropertyValue<'alignItems'>) => {
-        alignItems: {
-            readonly [Stitches.$$PropertyValue]: "alignItems";
+    ai: (value: ScaleValue<'alignItems'> | string | number) => {
+        alignItems: string | number | {
+            readonly [$$ScaleValue]: "alignItems";
         };
     };
-    ac: (value: Stitches.PropertyValue<'alignContent'>) => {
-        alignContent: {
-            readonly [Stitches.$$PropertyValue]: "alignContent";
+    ac: (value: ScaleValue<'alignContent'> | string | number) => {
+        alignContent: string | number | {
+            readonly [$$ScaleValue]: "alignContent";
         };
     };
-    jc: (value: Stitches.PropertyValue<'justifyContent'>) => {
-        justifyContent: {
-            readonly [Stitches.$$PropertyValue]: "justifyContent";
+    jc: (value: ScaleValue<'justifyContent'> | string | number) => {
+        justifyContent: string | number | {
+            readonly [$$ScaleValue]: "justifyContent";
         };
     };
-    as: (value: Stitches.PropertyValue<'alignSelf'>) => {
-        alignSelf: {
-            readonly [Stitches.$$PropertyValue]: "alignSelf";
+    as: (value: ScaleValue<'alignSelf'> | string | number) => {
+        alignSelf: string | number | {
+            readonly [$$ScaleValue]: "alignSelf";
         };
     };
-    fg: (value: Stitches.PropertyValue<'flexGrow'>) => {
-        flexGrow: {
-            readonly [Stitches.$$PropertyValue]: "flexGrow";
+    fg: (value: ScaleValue<'flexGrow'> | string | number) => {
+        flexGrow: string | number | {
+            readonly [$$ScaleValue]: "flexGrow";
         };
     };
-    fs: (value: Stitches.PropertyValue<'flexShrink'>) => {
-        flexShrink: {
-            readonly [Stitches.$$PropertyValue]: "flexShrink";
+    fs: (value: ScaleValue<'flexShrink'> | string | number) => {
+        flexShrink: string | number | {
+            readonly [$$ScaleValue]: "flexShrink";
         };
     };
-    fb: (value: Stitches.PropertyValue<'flexBasis'>) => {
-        flexBasis: {
-            readonly [Stitches.$$PropertyValue]: "flexBasis";
+    fb: (value: ScaleValue<'flexBasis'> | string | number) => {
+        flexBasis: string | number | {
+            readonly [$$ScaleValue]: "flexBasis";
         };
     };
-    bc: (value: Stitches.PropertyValue<'backgroundColor'>) => {
-        backgroundColor: {
-            readonly [Stitches.$$PropertyValue]: "backgroundColor";
+    bc: (value: ScaleValue<'backgroundColor'> | string | number) => {
+        backgroundColor: string | number | {
+            readonly [$$ScaleValue]: "backgroundColor";
         };
     };
-    br: (value: Stitches.PropertyValue<'borderRadius'>) => {
-        borderRadius: {
-            readonly [Stitches.$$PropertyValue]: "borderRadius";
+    br: (value: ScaleValue<'borderRadius'> | string | number) => {
+        borderRadius: string | number | {
+            readonly [$$ScaleValue]: "borderRadius";
         };
     };
-    btrr: (value: Stitches.PropertyValue<'borderTopRightRadius'>) => {
-        borderTopRightRadius: {
-            readonly [Stitches.$$PropertyValue]: "borderTopRightRadius";
+    btrr: (value: ScaleValue<'borderTopRightRadius'> | string | number) => {
+        borderTopRightRadius: string | number | {
+            readonly [$$ScaleValue]: "borderTopRightRadius";
         };
     };
-    bbrr: (value: Stitches.PropertyValue<'borderBottomRightRadius'>) => {
-        borderBottomRightRadius: {
-            readonly [Stitches.$$PropertyValue]: "borderBottomRightRadius";
+    bbrr: (value: ScaleValue<'borderBottomRightRadius'> | string | number) => {
+        borderBottomRightRadius: string | number | {
+            readonly [$$ScaleValue]: "borderBottomRightRadius";
         };
     };
-    bblr: (value: Stitches.PropertyValue<'borderBottomLeftRadius'>) => {
-        borderBottomLeftRadius: {
-            readonly [Stitches.$$PropertyValue]: "borderBottomLeftRadius";
+    bblr: (value: ScaleValue<'borderBottomLeftRadius'> | string | number) => {
+        borderBottomLeftRadius: string | number | {
+            readonly [$$ScaleValue]: "borderBottomLeftRadius";
         };
     };
-    btlr: (value: Stitches.PropertyValue<'borderTopLeftRadius'>) => {
-        borderTopLeftRadius: {
-            readonly [Stitches.$$PropertyValue]: "borderTopLeftRadius";
+    btlr: (value: ScaleValue<'borderTopLeftRadius'> | string | number) => {
+        borderTopLeftRadius: string | number | {
+            readonly [$$ScaleValue]: "borderTopLeftRadius";
         };
     };
-    bs: (value: Stitches.PropertyValue<'boxShadow'>) => {
-        boxShadow: {
-            readonly [Stitches.$$PropertyValue]: "boxShadow";
+    bs: (value: ScaleValue<'boxShadow'> | string | number) => {
+        boxShadow: string | number | {
+            readonly [$$ScaleValue]: "boxShadow";
         };
     };
-    lh: (value: Stitches.PropertyValue<'lineHeight'>) => {
-        lineHeight: {
-            readonly [Stitches.$$PropertyValue]: "lineHeight";
+    lh: (value: ScaleValue<'lineHeight'> | string | number) => {
+        lineHeight: string | number | {
+            readonly [$$ScaleValue]: "lineHeight";
         };
     };
-    ox: (value: Stitches.PropertyValue<'overflowX'>) => {
-        overflowX: {
-            readonly [Stitches.$$PropertyValue]: "overflowX";
+    ox: (value: ScaleValue<'overflowX'> | string | number) => {
+        overflowX: string | number | {
+            readonly [$$ScaleValue]: "overflowX";
         };
     };
-    oy: (value: Stitches.PropertyValue<'overflowY'>) => {
-        overflowY: {
-            readonly [Stitches.$$PropertyValue]: "overflowY";
+    oy: (value: ScaleValue<'overflowY'> | string | number) => {
+        overflowY: string | number | {
+            readonly [$$ScaleValue]: "overflowY";
         };
     };
-    pe: (value: Stitches.PropertyValue<'pointerEvents'>) => {
-        pointerEvents: {
-            readonly [Stitches.$$PropertyValue]: "pointerEvents";
+    pe: (value: ScaleValue<'pointerEvents'> | string | number) => {
+        pointerEvents: string | number | {
+            readonly [$$ScaleValue]: "pointerEvents";
         };
     };
-    us: (value: Stitches.PropertyValue<'userSelect'>) => {
-        WebkitUserSelect: {
-            readonly [Stitches.$$PropertyValue]: "userSelect";
+    us: (value: ScaleValue<'userSelect'> | string | number) => {
+        WebkitUserSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
         };
-        userSelect: {
-            readonly [Stitches.$$PropertyValue]: "userSelect";
+        userSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
         };
     };
-    userSelect: (value: Stitches.PropertyValue<'userSelect'>) => {
-        WebkitUserSelect: {
-            readonly [Stitches.$$PropertyValue]: "userSelect";
+    userSelect: (value: ScaleValue<'userSelect'> | string | number) => {
+        WebkitUserSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
         };
-        userSelect: {
-            readonly [Stitches.$$PropertyValue]: "userSelect";
+        userSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
         };
     };
-    size: (value: Stitches.PropertyValue<'width'>) => {
-        width: {
-            readonly [Stitches.$$PropertyValue]: "width";
+    size: (value: ScaleValue<'width'> | string | number) => {
+        width: string | number | {
+            readonly [$$ScaleValue]: "width";
         };
-        height: {
-            readonly [Stitches.$$PropertyValue]: "width";
+        height: string | number | {
+            readonly [$$ScaleValue]: "width";
         };
     };
-    appearance: (value: Stitches.PropertyValue<'appearance'>) => {
-        WebkitAppearance: {
-            readonly [Stitches.$$PropertyValue]: "appearance";
+    appearance: (value: ScaleValue<'appearance'> | string | number) => {
+        WebkitAppearance: string | number | {
+            readonly [$$ScaleValue]: "appearance";
         };
-        appearance: {
-            readonly [Stitches.$$PropertyValue]: "appearance";
+        appearance: string | number | {
+            readonly [$$ScaleValue]: "appearance";
         };
     };
-    backgroundClip: (value: Stitches.PropertyValue<'backgroundClip'>) => {
-        WebkitBackgroundClip: {
-            readonly [Stitches.$$PropertyValue]: "backgroundClip";
+    backgroundClip: (value: ScaleValue<'backgroundClip'> | string | number) => {
+        WebkitBackgroundClip: string | number | {
+            readonly [$$ScaleValue]: "backgroundClip";
         };
-        backgroundClip: {
-            readonly [Stitches.$$PropertyValue]: "backgroundClip";
+        backgroundClip: string | number | {
+            readonly [$$ScaleValue]: "backgroundClip";
         };
     };
 }>>;
@@ -4516,6 +4516,6 @@ declare const darkTheme: string & {
 /**
  * @exports
  */
-declare type CSS = Stitches.CSS<typeof config>;
+declare type CSS = CSS$1<typeof config>;
 
 export { CSS, config, createTheme, css, darkTheme, getCssText, globalCss, keyframes, reset, styled, theme };