Remove the runtime option from @emotion/babel-preset-css-prop (emotion-js#2076)

* Remove `runtime` option from `@emotion/babel-preset-css-prop`

* Update .changeset/weak-pears-design.md

* Update packages/babel-preset-css-prop/src/index.js

Co-authored-by: Mitchell Hamilton <mitchell@hamil.town>

Author: Andarist

.changeset/weak-pears-design.md

@@ -0,0 +1,5 @@
+---
+'@emotion/babel-preset-css-prop': major
+---
+
+Removed `runtime` option that was introduced to this preset and deprecated shortly after that. If you want to configure `runtime: "automatic"`, replace `@emotion/babel-preset-css-prop` with `@babel/preset-react` and `@emotion/babel-plugin`. You can find out how to configure things properly here: https://emotion.sh/docs/css-prop#babel-preset

babel.config.js

@@ -34,15 +34,20 @@ module.exports = api => {
           filename &&
           isTestFile(filename) &&
           filename.includes('automatic-runtime'),
-        presets: [[emotionDevPreset, { runtime: 'automatic' }]]
+        presets: [
+          [emotionDevPreset, { runtime: 'automatic', useEmotionPlugin: true }]
+        ]
       },
       {
         test: filename =>
           filename &&
           isTestFile(filename) &&
           filename.includes('automatic-dev-runtime'),
         presets: [
-          [emotionDevPreset, { runtime: 'automatic', development: true }]
+          [
+            emotionDevPreset,
+            { runtime: 'automatic', development: true, useEmotionPlugin: true }
+          ]
         ]
       }
     ]