feat: upgrade styled components

Author: Lee Zhen Jie

package.json

@@ -79,7 +79,6 @@
     "@types/react": "^17.0.37",
     "@types/react-dom": "^17.0.11",
     "@types/react-test-renderer": "^17.0.1",
-    "@types/styled-components": "^5.1.1",
     "@types/styled-system": "^5.1.10",
     "@typescript-eslint/eslint-plugin": "^5.6.0",
     "@typescript-eslint/parser": "^5.6.0",
@@ -117,7 +116,6 @@
     "react-is": "^17.0.2",
     "react-test-renderer": "^17.0.2",
     "start-server-and-test": "^1.15.2",
-    "styled-components": "^5.1.1",
     "stylelint": "^10.0.1",
     "stylelint-config-recommended": "^2.2.0",
     "stylelint-config-styled-components": "^0.1.1",
@@ -135,13 +133,14 @@
     "moment": "^2.24.0",
     "polaris-glints": "^15.12.0",
     "react-id-generator": "^3.0.1",
-    "styled-system": "^5.1.5"
+    "styled-components": "^6.0.3",
+    "styled-system": "^5.1.5",
+    "stylis": "^4.3.0"
   },
   "peerDependencies": {
     "lodash-es": "^4.0.0",
     "react": "^16.3.0 || ^17",
-    "react-dom": "^16.3.0 || ^17",
-    "styled-components": "^4.0.0 || ^5.0.0"
+    "react-dom": "^16.3.0 || ^17"
   },
   "jest": {
     "moduleNameMapper": {