Update dependencies for React 19 type compatibility

code/core/package.json

@@ -295,16 +295,16 @@
     "@babel/traverse": "^7.24.1",
     "@babel/types": "^7.24.0",
     "@discoveryjs/json-ext": "^0.5.3",
-    "@emotion/cache": "^11.11.0",
-    "@emotion/is-prop-valid": "^1.2.2",
-    "@emotion/react": "^11.11.4",
-    "@emotion/styled": "^11.11.0",
-    "@emotion/use-insertion-effect-with-fallbacks": "^1.0.1",
+    "@emotion/cache": "^11.14.0",
+    "@emotion/is-prop-valid": "^1.3.1",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.0",
+    "@emotion/use-insertion-effect-with-fallbacks": "^1.2.0",
     "@fal-works/esbuild-plugin-global-externals": "^2.1.2",
     "@ndelangen/get-tarball": "^3.0.7",
     "@polka/compression": "^1.0.0-next.28",
     "@popperjs/core": "^2.6.0",
-    "@radix-ui/react-dialog": "^1.0.5",
+    "@radix-ui/react-dialog": "^1.1.2",
     "@radix-ui/react-scroll-area": "1.2.0-rc.7",
     "@radix-ui/react-slot": "^1.0.2",
     "@storybook/docs-mdx": "4.0.0-next.1",
@@ -368,7 +368,7 @@
     "js-yaml": "^4.1.0",
     "lazy-universal-dotenv": "^4.0.0",
     "leven": "^4.0.0",
-    "markdown-to-jsx": "^7.4.5",
+    "markdown-to-jsx": "^7.7.2",
     "memfs": "^4.11.1",
     "memoizerific": "^1.11.3",
     "nanoid": "^4.0.2",

code/lib/blocks/package.json

@@ -54,7 +54,7 @@
     "@types/color-convert": "^2.0.0",
     "color-convert": "^2.0.1",
     "es-toolkit": "^1.22.0",
-    "markdown-to-jsx": "^7.4.5",
+    "markdown-to-jsx": "^7.7.2",
     "memoizerific": "^1.11.3",
     "polished": "^4.2.2",
     "react-colorful": "^5.1.2",

code/lib/blocks/src/blocks/mdx.tsx

@@ -156,14 +156,17 @@ const OcticonHeaders = SUPPORTED_MDX_HEADERS.reduce(
   {}
 );
 
-const OcticonAnchor = styled.a(() => ({
-  float: 'left',
-  lineHeight: 'inherit',
-  paddingRight: '10px',
-  marginLeft: '-24px',
-  // Allow the theme's text color to override the default link color.
-  color: 'inherit',
-}));
+const OcticonAnchor = styled.a(
+  () =>
+    ({
+      float: 'left',
+      lineHeight: 'inherit',
+      paddingRight: '10px',
+      marginLeft: '-24px',
+      // Allow the theme's text color to override the default link color.
+      color: 'inherit',
+    }) as const
+);
 
 interface HeaderWithOcticonAnchorProps {
   as: string;

code/renderers/react/src/types.ts

@@ -1,4 +1,4 @@
-import type { ComponentType } from 'react';
+import type { ComponentType, JSX } from 'react';
 
 import type { Canvas, WebRenderer } from 'storybook/internal/types';