Remove instances of styled-system/css

Author: jxnblk

packages/color/package.json

@@ -8,7 +8,7 @@
     "watch": "microbundle watch --no-compress"
   },
   "dependencies": {
-    "@styled-system/css": "^5.0.23",
+    "@theme-ui/css": "^0.2.48",
     "polished": "^3.4.1"
   },
   "publishConfig": {

packages/color/src/index.js

@@ -1,5 +1,5 @@
 import * as P from 'polished'
-import { get } from '@styled-system/css'
+import { get } from '@theme-ui/css'
 
 const g = (t, c) =>
   get(t, `colors.${c}`, c)

packages/components/package.json

@@ -11,7 +11,7 @@
     "@emotion/core": "^10.0.0",
     "@emotion/styled": "^10.0.0",
     "@styled-system/color": "^5.1.2",
-    "@styled-system/css": "^5.0.23",
+    "@theme-ui/css": "^0.2.48",
     "@styled-system/should-forward-prop": "^5.1.2",
     "@styled-system/space": "^5.1.2"
   },

packages/components/src/Box.js

@@ -1,5 +1,5 @@
 import styled from '@emotion/styled'
-import css, { get } from '@styled-system/css'
+import { css, get } from '@theme-ui/css'
 import { createShouldForwardProp } from '@styled-system/should-forward-prop'
 import space from '@styled-system/space'
 import color from '@styled-system/color'

packages/match-media/src/index.js

@@ -1,7 +1,7 @@
 import { useState, useEffect, useCallback } from 'react'
 import { useThemeUI } from 'theme-ui'
 
-// Shared with @styled-system/css
+// Shared with @theme-ui/css
 const defaultBreakpoints = [40, 52, 64].map(n => n + 'em')
 
 export const useBreakpointIndex = (options = {}) => {

yarn.lock

@@ -3101,7 +3101,7 @@
   dependencies:
     object-assign "^4.1.1"
 
-"@styled-system/css@^5.0.23", "@styled-system/css@^5.1.4":
+"@styled-system/css@^5.1.4":
   version "5.1.4"
   resolved "https://registry.yarnpkg.com/@styled-system/css/-/css-5.1.4.tgz#fc51d0789a69b3831e00e6f8daf9f1d345eebdc3"
   integrity sha512-79IFT37Kxb6dlbx/0hwIGOakNHkK5oU3cMypGziShnEK8WMgK/+vuAi4MHO7uLI+FZ5U8MGYvGY9Gtk0mBzxSg==