Compatibility with Jest 28

<!--

    Thanks for your interest in the project.

    Please make sure that you are familiar with and follow the Code of Conduct

    for this project (found in the CODE_OF_CONDUCT.md file).



    Please fill out this template with all the relevant information so we can

    understand what's going on and fix the issue.



    I'll probably ask you to submit the fix (after giving some direction).

    If you've never done that before, that's great! Check this free short

    video tutorial to learn how: http://kcd.im/pull-request

-->



**Current behavior:**



`npm i` with **Jest 28** as co-dependency produces following output:



```

$ npm i                                 

npm ERR! code ERESOLVE

npm ERR! ERESOLVE could not resolve

npm ERR! 

npm ERR! While resolving: @emotion/jest@11.9.1

npm ERR! Found: @types/jest@28.1.0

npm ERR! node_modules/@types/jest

npm ERR!   dev @types/jest@"28.1.0" from the root project

npm ERR!   @types/jest@"*" from @types/testing-library__jest-dom@5.14.3

npm ERR!   node_modules/@types/testing-library__jest-dom

npm ERR!     dev @types/testing-library__jest-dom@"5.14.3" from the root project

npm ERR!     @types/testing-library__jest-dom@"^5.9.1" from @testing-library/jest-dom@5.16.4

npm ERR!     node_modules/@testing-library/jest-dom

npm ERR!       dev @testing-library/jest-dom@"5.16.4" from the root project

npm ERR! 

npm ERR! Could not resolve dependency:

npm ERR! peerOptional @types/jest@"^26.0.14 || ^27.0.0" from @emotion/jest@11.9.1

npm ERR! node_modules/@emotion/jest

npm ERR!   dev @emotion/jest@"11.9.1" from the root project

npm ERR! 

npm ERR! Conflicting peer dependency: @types/jest@27.5.2

npm ERR! node_modules/@types/jest

npm ERR!   peerOptional @types/jest@"^26.0.14 || ^27.0.0" from @emotion/jest@11.9.1

npm ERR!   node_modules/@emotion/jest

npm ERR!     dev @emotion/jest@"11.9.1" from the root project

npm ERR! 

npm ERR! Fix the upstream dependency conflict, or retry

npm ERR! this command with --force, or --legacy-peer-deps

npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

npm ERR! 

```



**To reproduce:**



I tried a `npm i --force` but I should not be forced to:



```

$ npm i --force

npm WARN using --force Recommended protections disabled.

npm WARN ERESOLVE overriding peer dependency

npm WARN While resolving: @emotion/jest@11.9.1

npm WARN Found: @types/jest@28.1.0

npm WARN node_modules/@types/jest

npm WARN   dev @types/jest@"28.1.0" from the root project

npm WARN   1 more (@types/testing-library__jest-dom)

npm WARN 

npm WARN Could not resolve dependency:

npm WARN peerOptional @types/jest@"^26.0.14 || ^27.0.0" from @emotion/jest@11.9.1

npm WARN node_modules/@emotion/jest

npm WARN   dev @emotion/jest@"11.9.1" from the root project

npm WARN 

npm WARN Conflicting peer dependency: @types/jest@27.5.2

npm WARN node_modules/@types/jest

npm WARN   peerOptional @types/jest@"^26.0.14 || ^27.0.0" from @emotion/jest@11.9.1

npm WARN   node_modules/@emotion/jest

npm WARN     dev @emotion/jest@"11.9.1" from the root project

```



**Environment information:**



<!-- Provide the `react` and `@emotion/*` packages versions -->



- `react` version: 17

- `@emotion/react` version: 11.9.0

[]