Remove unused styled-system and its deps

Author: simpletrontdip

package.json

@@ -62,7 +62,6 @@
     "@storybook/storybook-deployer": "^2.8.1",
     "@storybook/theming": "^5.2.8",
     "@storybook/vue": "^5.3.3",
-    "@styled-system/css": "^5.0.23",
     "aria-hidden": "^1.1.1",
     "breadstick": "^0.2.14",
     "can-use-dom": "^0.1.0",
@@ -92,7 +91,6 @@
     "prismjs": "^1.19.0",
     "register-service-worker": "^1.6.2",
     "sass-loader": "^8.0.2",
-    "styled-system": "^5.1.2",
     "v-scroll-lock": "^1.1.0",
     "vue": "^2.6.11",
     "vue-error-boundary": "^1.0.3",
@@ -171,7 +169,6 @@
     "rollup-plugin-scss": "^2.1.0",
     "rollup-plugin-terser": "^5.1.2",
     "rollup-plugin-vue": "^5.1.4",
-    "styled-system": "^5.1.2",
     "v-scroll-lock": "^1.1.0",
     "vue-loader": "^15.7.1",
     "vue-lorem-ipsum": "^0.0.1",

packages/chakra-ui-core/package.json

@@ -36,8 +36,8 @@
     "max-overall-size": "85KB"
   },
   "dependencies": {
+    "@chakra-ui/styled-system": "^1.12.1",
     "@popperjs/core": "^2.4.0",
-    "@styled-system/css": "^5.0.23",
     "animejs": "^3.1.0",
     "aria-hidden": "^1.1.1",
     "breadstick": "^0.2.14",
@@ -46,7 +46,6 @@
     "focus-trap-vue": "^0.0.4",
     "lodash-es": "^4.17.15",
     "portal-vue": "^2.1.6",
-    "styled-system": "^5.1.2",
     "v-scroll-lock": "^1.1.0"
   },
   "peerDependencies": {

packages/chakra-ui-core/src/CControlBox/CControlBox.js

@@ -15,7 +15,7 @@
  */
 
 import { css } from '@emotion/css'
-import { composeSystem } from '../utils/chakra-styled-system'
+import { composeSystem } from '../utils/styled-system'
 import CBox from '../CBox'
 
 // Default ControlBox props types