fix(components): always force speedy mode for emotion to avoid performance issues in dev mode

Author: gribnoysup

packages/compass-components/src/force-emotion-speedy.ts

@@ -0,0 +1,2 @@
+import { sheet } from '@leafygreen-ui/emotion';
+sheet.speedy(true);

packages/compass-components/src/index.ts

@@ -1,5 +1,5 @@
+import './force-emotion-speedy';
 export * from './components/leafygreen';
-
 export {
   default as emotion,
   flush,

packages/compass-web/webpack.config.js

@@ -294,13 +294,6 @@ module.exports = (env, args) => {
       tls: 'commonjs2 tls',
     },
     plugins: [
-      // Always package dist with NODE_ENV set to production, otherwise @emotion
-      // dev mode behavior completely hangs code in the browser when applying
-      // dev build to locally running mms
-      new webpack.DefinePlugin({
-        'process.env.NODE_ENV': JSON.stringify('production'),
-      }),
-
       // Only applied when running webpack in --watch mode. In this mode we want
       // to constantly rebuild d.ts files when source changes, we also don't
       // want to fail and stop compilation if we failed to generate definitions