move styled components to peer dependencies

Author: agneym

example/src/index.html

@@ -7,9 +7,9 @@
     <title>React Editor example</title>
     <style>
       body {
-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
-          Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
-          "Segoe UI Symbol";
+        font-family: Consolas, Menlo, Monaco, source-code-pro, Courier New,
+          monospace;
+        font-feature-settings: normal;
       }
     </style>
   </head>

playground/package.json

@@ -31,7 +31,8 @@
   "license": "MIT",
   "peerDependencies": {
     "react": "^16.11.0",
-    "react-dom": "^16.11.0"
+    "react-dom": "^16.11.0",
+    "styled-components": "^4.4.1"
   },
   "devDependencies": {
     "@babel/core": "^7.7.2",
@@ -50,16 +51,16 @@
     "microbundle": "^0.11.0",
     "np": "^5.1.3",
     "react": "^16.11.0",
-    "react-dom": "^16.11.0"
+    "react-dom": "^16.11.0",
+    "styled-components": "^4.4.1"
   },
   "dependencies": {
     "@agney/react-inspector": "^4.0.0",
     "@reach/auto-id": "^0.6.1",
     "@reach/tabs": "^0.6.1",
     "lodash": "^4.17.15",
     "prism-react-renderer": "^1.0.2",
-    "react-simple-code-editor": "^0.10.0",
-    "styled-components": "^4.4.1"
+    "react-simple-code-editor": "^0.10.0"
   },
   "jest": {
     "rootDir": "src"