chore: update emotion to the latest version (#648)

Author: ericsorenson

package-lock.json

@@ -28,7 +28,7 @@
     "color-hash": "2.0.2",
     "electron": "35.7.5",
     "electron-json-storage": "4.6.0",
-    "emotion": "9.2.12",
+    "@emotion/css": "11.13.5",
     "graphql": "16.13.1",
     "graphql-request": "5.1.0",
     "graphql-tag": "2.12.6",

package.json

@@ -20,7 +20,7 @@
 	"dependencies": {
 		"@babel/runtime": "^7.28.6",
 		"color-hash": "^2.0.2",
-		"emotion": "^9.2.12",
+		"@emotion/css": "^11.13.5",
 		"lodash.clonedeep": "^4.5.0",
 		"overmind-react": "next",
 		"react": "^19.2.4",

packages/overmind-devtools-client/package.json

@@ -1,4 +1,4 @@
-import { css } from 'emotion'
+import { css } from '@emotion/css'
 import { colors } from '../../theme'
 
 export const wrapper = css({

packages/overmind-devtools-client/src/components/Action/styles.ts

@@ -3,7 +3,7 @@ import { useAppState } from '../../overmind'
 import { Flush as FlushType } from '../../overmind/types'
 import * as styles from './styles'
 import * as textStyles from '../../styles/text'
-import { css } from 'emotion'
+import { css } from '@emotion/css'
 import { FaCode, FaLink } from 'react-icons/fa'
 
 type Props = {

packages/overmind-devtools-client/src/components/ActionFlush/index.tsx

@@ -1,4 +1,4 @@
-import { css } from 'emotion'
+import { css } from '@emotion/css'
 import { colors } from '../../theme'
 
 export const flush = css({

packages/overmind-devtools-client/src/components/ActionFlush/styles.ts

@@ -1,4 +1,4 @@
-import { css } from 'emotion'
+import { css } from '@emotion/css'
 import * as React from 'react'
 
 import { useAppState } from '../../overmind'

packages/overmind-devtools-client/src/components/ActionOperator/index.tsx

@@ -1,4 +1,4 @@
-import { css, keyframes } from 'emotion'
+import { css, keyframes } from '@emotion/css'
 import { colors } from '../../theme'
 
 export const operator = css({

packages/overmind-devtools-client/src/components/ActionOperator/styles.ts

@@ -1,4 +1,4 @@
-import { css } from 'emotion'
+import { css } from '@emotion/css'
 import { colors } from '../../theme'
 
 export const wrapper = css({

packages/overmind-devtools-client/src/components/ActionPayload/styles.ts

@@ -2,7 +2,7 @@ import * as React from 'react'
 import * as styles from './styles'
 import { useAppState, useActions } from '../../overmind'
 import { nameToColor } from '../../overmind/utils'
-import { css } from 'emotion'
+import { css } from '@emotion/css'
 
 const ActionSelector: React.FunctionComponent = () => {
   const state = useAppState()