use yarn feature to alias npm-trunk version of styled-components

packages/benchmarks/package.json

@@ -23,6 +23,7 @@
     "react-jss": "^8.6.1",
     "react-native-web": "^0.11.4",
     "reactxp": "^1.3.3",
+    "styled-components-v5": "npm:styled-components",
     "styled-jsx": "^3.2.1",
     "styletron-engine-atomic": "^1.3.0",
     "styletron-react": "^5.1.2"
@@ -31,8 +32,8 @@
     "babel-loader": "^8.0.6",
     "babel-plugin-react-native-web": "^0.11.4",
     "css-loader": "^2.1.1",
-    "merge-anything": "^2.2.5",
     "memoize-one": "^5.0.4",
+    "merge-anything": "^2.2.5",
     "style-loader": "^0.23.1",
     "webpack": "^4.33.0",
     "webpack-bundle-analyzer": "^3.3.2",

packages/benchmarks/src/implementations/styled-components-v5/.gitattributes

@@ -1 +0,0 @@
-styled-components-v5.esm.js binary

packages/benchmarks/src/implementations/styled-components-v5/Box.js

@@ -1,4 +1,4 @@
-import styled from './styled-components-v5.esm.js';
+import styled from 'styled-components-v5';
 import View from './View';
 
 const getColor = color => {

packages/benchmarks/src/implementations/styled-components-v5/Dot.js

@@ -1,5 +1,5 @@
 /* eslint-disable react/prop-types */
-import styled from './styled-components-v5.esm.js';
+import styled from 'styled-components-v5';
 import View from './View';
 
 const Dot = styled(View).attrs(p => ({ style: { borderBottomColor: p.color } }))`

packages/benchmarks/src/implementations/styled-components-v5/View.js

@@ -1,4 +1,4 @@
-import styled from './styled-components-v5.esm.js';
+import styled from 'styled-components-v5';
 
 const View = styled.div`
   align-items: stretch;

yarn.lock

@@ -10419,6 +10419,22 @@ style-loader@^0.23.1:
     loader-utils "^1.1.0"
     schema-utils "^1.0.0"
 
+"styled-components-v5@npm:styled-components":
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/styled-components/-/styled-components-5.1.1.tgz#96dfb02a8025794960863b9e8e365e3b6be5518d"
+  integrity sha512-1ps8ZAYu2Husx+Vz8D+MvXwEwvMwFv+hqqUwhNlDN5ybg6A+3xyW1ECrAgywhvXapNfXiz79jJyU0x22z0FFTg==
+  dependencies:
+    "@babel/helper-module-imports" "^7.0.0"
+    "@babel/traverse" "^7.4.5"
+    "@emotion/is-prop-valid" "^0.8.8"
+    "@emotion/stylis" "^0.8.4"
+    "@emotion/unitless" "^0.7.4"
+    babel-plugin-styled-components ">= 1"
+    css-to-react-native "^3.0.0"
+    hoist-non-react-statics "^3.0.0"
+    shallowequal "^1.1.0"
+    supports-color "^5.5.0"
+
 styled-jsx@^3.2.1:
   version "3.2.5"
   resolved "https://registry.yarnpkg.com/styled-jsx/-/styled-jsx-3.2.5.tgz#0172a3e13a0d6d8bf09167dcaf32cf7102d932ca"