diff --git a/package.json b/package.json
index 839b85523..1b671ab8e 100644
--- a/package.json
+++ b/package.json
@@ -28,7 +28,7 @@
     "@mdx-js/react": "^3.0.0",
     "lxgw-wenkai-screen-webfont": "1.7.0",
     "disqus-react": "1.1.5",
-    "clsx": "^1.2.1",
+    "clsx": "^2.1.0",
     "prism-react-renderer": "^2.3.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 0d7e8f498..acaac7b42 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -33,8 +33,8 @@ dependencies:
     specifier: ^3.0.0
     version: 3.0.0(@types/react@18.2.29)(react@18.2.0)
   clsx:
-    specifier: ^1.2.1
-    version: 1.2.1
+    specifier: ^2.1.0
+    version: 2.1.0
   disqus-react:
     specifier: 1.1.5
     version: 1.1.5(react-dom@18.2.0)(react@18.2.0)
@@ -4366,7 +4366,7 @@ packages:
       '@types/history': 4.7.11
       '@types/react': 18.2.29
       '@types/react-router-config': 5.0.7
-      clsx: 2.0.0
+      clsx: 2.1.0
       parse-numeric-range: 1.3.0
       prism-react-renderer: 2.3.1(react@18.2.0)
       react: 18.2.0
@@ -7195,8 +7195,8 @@ packages:
     engines: {node: '>=6'}
     dev: false
 
-  /clsx@2.0.0:
-    resolution: {integrity: sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==}
+  /clsx@2.1.0:
+    resolution: {integrity: sha512-m3iNNWpd9rl3jvvcBnu70ylMdrXt8Vlq4HYadnU5fwcOtvkSQWPmj7amUcDT2qYI7risszBjI5AUIUox9D16pg==}
     engines: {node: '>=6'}
     dev: false
 
@@ -12901,7 +12901,7 @@ packages:
       react: '>=16.0.0'
     dependencies:
       '@types/prismjs': 1.26.0
-      clsx: 2.0.0
+      clsx: 2.1.0
       react: 18.2.0
     dev: false