fix(babel): to use import source for emotion and automatic runtime

[tdeekens]

Summary

This pull request intends to fix the setup of the automatic runtime in combination with emotion.

Description

Emotion has recently added support for the automatic runtime. Then changed a bit again how it works

From this

To this

Ref: https://emotion.sh/docs/css-prop#babel-preset

So I guess we're lucky to have been sitting that change out quietly ;)

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/commercetools/merchant-center-application-kit/4ki5m6j3n
✅ Preview: https://merchant-center-applicati-git-fix-add-import-source-for-8744d5.commercetools.vercel.app

[changeset-bot]

🦋 Changeset detected

Latest commit: 339b8dd

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 6 packages

Name	Type
@commercetools-frontend/babel-preset-mc-app	Patch
@commercetools-frontend/jest-preset-mc-app	Patch
@commercetools-frontend/mc-scripts	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[emmenko]

From what I understand we need to also remove @emotion/babel-preset-css-prop and use babel-plugin-emotion instead, right? 🧐

If you want to configure runtime: "automatic" just replace @emotion/babel-preset-css-prop with @babel/preset-react and babel-plugin-emotion.

[tdeekens]

You‘re right. Didn’t spot we use that. Will update this accordingly.

[tdeekens]

This f73a411 is how I'd understand it.

[tdeekens]

🙏