Work around tsup bug

Author: gabro

Diff for: src/Layout/createBleed.tsx

@@ -19,12 +19,12 @@ export function createBleed<AtomsFn extends typeof bentoSprinkles>(Box: BoxType<
 
   function negateSpace(space: ResponsiveSpace | undefined): ResponsiveNegativeSpace | undefined {
     if (typeof space === "number") {
-      return `-${space}`;
+      return `negative${space}`;
     } else if (!!space) {
       return {
-        desktop: space.desktop ? `-${space.desktop}` : undefined,
-        tablet: space.tablet ? `-${space.tablet}` : undefined,
-        mobile: space.mobile ? `-${space.mobile}` : undefined,
+        desktop: space.desktop ? `negative${space.desktop}` : undefined,
+        tablet: space.tablet ? `negative${space.tablet}` : undefined,
+        mobile: space.mobile ? `negative${space.mobile}` : undefined,
       };
     } else {
       return undefined;

Diff for: src/vars.css.ts

@@ -58,13 +58,15 @@ export const vars = createThemeContract({
   },
   negativeSpace: {
     "0": null,
-    "-4": null,
-    "-8": null,
-    "-16": null,
-    "-24": null,
-    "-32": null,
-    "-40": null,
-    "-80": null,
+    // NOTE(gabro): ideally we would use "-4" and so on here, but we can't due to
+    // https://github.com/Swatinem/rollup-plugin-dts/issues/201
+    negative4: null,
+    negative8: null,
+    negative16: null,
+    negative24: null,
+    negative32: null,
+    negative40: null,
+    negative80: null,
   },
   radius: {
     4: null,

Diff for: stories/theme.css.ts

@@ -121,13 +121,13 @@ const commonTheme = {
   },
   negativeSpace: {
     "0": "0",
-    "-4": "-4px",
-    "-8": "-8px",
-    "-16": "-16px",
-    "-24": "-24px",
-    "-32": "-32px",
-    "-40": "-40px",
-    "-80": "-80px",
+    negative4: "-4px",
+    negative8: "-8px",
+    negative16: "-16px",
+    negative24: "-24px",
+    negative32: "-32px",
+    negative40: "-40px",
+    negative80: "-80px",
   },
   radius: {
     "4": "4px",