fix: fix double negative value with strings

Author: gregberge

packages/system/src/styles/space.js

@@ -13,9 +13,9 @@ export const getSpace = themeGetter({
   transform: (_, { rawValue, variants }) => {
     if (string(rawValue)) {
       const neg = rawValue.startsWith('-')
-      const variantKey = neg ? rawValue.substr(1) : rawValue
-      const variantValue = variants[variantKey]
-      const value = is(variantValue) ? variantValue : rawValue
+      const absoluteValue = neg ? rawValue.substr(1) : rawValue
+      const variantValue = variants[absoluteValue]
+      const value = is(variantValue) ? variantValue : absoluteValue
       return pxUnit(neg ? toNegative(value) : value)
     }
     const abs = Math.abs(rawValue)

packages/system/src/styles/space.test.js

@@ -25,6 +25,8 @@ describe('#getSpace', () => {
     const props = { theme: { space: { md: 10 } } }
     expect(getSpace('md')(props)).toEqual('10px')
     expect(getSpace('-md')(props)).toEqual('-10px')
+    expect(getSpace('-10')(props)).toEqual('-10')
+    expect(getSpace('-10px')(props)).toEqual('-10px')
   })
 })