Emotion: Upgrades emotion from 10 to 11 and updates all import paths (#32541)

* Babel: Updates babel dependencies to latest version

* Emotion: Upgrade form 10 to 11

* Fixing tests

* Updated to use emotion/css instead in test

package.json

@@ -73,6 +73,7 @@
     "@babel/plugin-proposal-optional-chaining": "7.13.12",
     "@babel/plugin-proposal-private-methods": "7.13.0",
     "@babel/plugin-syntax-dynamic-import": "7.8.3",
+    "@babel/plugin-transform-runtime": "^7.13.10",
     "@babel/plugin-transform-react-constant-elements": "7.13.13",
     "@babel/preset-env": "7.13.12",
     "@babel/preset-react": "7.13.13",
@@ -203,8 +204,9 @@
     "zone.js": "0.7.8"
   },
   "dependencies": {
-    "@babel/plugin-transform-runtime": "^7.13.10",
-    "@emotion/core": "10.0.27",
+    "@emotion/css": "11.1.3",
+    "@emotion/eslint-plugin": "11.2.0",
+    "@emotion/react": "11.1.5",
     "@grafana/aws-sdk": "0.0.3",
     "@grafana/slate-react": "0.22.9-grafana",
     "@popperjs/core": "2.5.4",
@@ -242,7 +244,6 @@
     "d3-scale-chromatic": "1.5.0",
     "dangerously-set-html-content": "1.0.6",
     "debounce-promise": "3.1.2",
-    "emotion": "10.0.27",
     "eventemitter3": "4.0.0",
     "fast-json-patch": "2.2.1",
     "fast-text-encoding": "^1.0.0",