diff --git a/docs/docusaurus.config.js b/docs/docusaurus.config.js
index 03b14cc0299..d382b1f677e 100644
--- a/docs/docusaurus.config.js
+++ b/docs/docusaurus.config.js
@@ -1,8 +1,8 @@
 // @ts-check
 // Note: type annotations allow type checking and IDEs autocompletion
 
-const lightCodeTheme = require("prism-react-renderer/themes/github");
-const darkCodeTheme = require("prism-react-renderer/themes/dracula");
+const lightCodeTheme = require("prism-react-renderer").themes.github;
+const darkCodeTheme = require("prism-react-renderer").themes.dracula;
 
 /** @type {import('@docusaurus/mdx-loader').MDXPlugin} */
 // @ts-ignore
diff --git a/docs/package.json b/docs/package.json
index 0f060db1046..29f27b45010 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -26,7 +26,7 @@
     "mdx-mermaid": "^2.0.3",
     "mermaid": "^11.4.1",
     "prettier": "^3.4.2",
-    "prism-react-renderer": "^1.3.5",
+    "prism-react-renderer": "^2.4.1",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },
diff --git a/docs/yarn.lock b/docs/yarn.lock
index efe2e69df14..40c32513f47 100644
--- a/docs/yarn.lock
+++ b/docs/yarn.lock
@@ -8958,7 +8958,7 @@ __metadata:
     mdx-mermaid: "npm:^2.0.3"
     mermaid: "npm:^11.4.1"
     prettier: "npm:^3.4.2"
-    prism-react-renderer: "npm:^1.3.5"
+    prism-react-renderer: "npm:^2.4.1"
     react: "npm:^19.0.0"
     react-dom: "npm:^19.0.0"
     spellchecker-cli: "npm:^7.0.0"
@@ -15280,7 +15280,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prism-react-renderer@npm:^1.2.1, prism-react-renderer@npm:^1.3.5":
+"prism-react-renderer@npm:^1.2.1":
   version: 1.3.5
   resolution: "prism-react-renderer@npm:1.3.5"
   peerDependencies:
@@ -15289,7 +15289,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prism-react-renderer@npm:^2.3.0":
+"prism-react-renderer@npm:^2.3.0, prism-react-renderer@npm:^2.4.1":
   version: 2.4.1
   resolution: "prism-react-renderer@npm:2.4.1"
   dependencies: