diff --git a/package-lock.json b/package-lock.json
index b46d524af..c22c60ba4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,7 +9,7 @@
 "version": "1.2.4",
 "license": "ISC",
 "dependencies": {
- "@apollo/client": "^3.14.0",
+ "@apollo/client": "^4.0.7",
 "@types/react": "^19.2.2",
 "algoliasearch": "^4.25.0",
 "autoprefixer": "^10.4.21",
@@ -223,30 +223,30 @@
 }
 },
 "node_modules/@apollo/client": {
- "version": "3.14.0",
- "resolved": "https://registry.npmjs.org/@apollo/client/-/client-3.14.0.tgz",
- "integrity": "sha512-0YQKKRIxiMlIou+SekQqdCo0ZTHxOcES+K8vKB53cIDpwABNR0P0yRzPgsbgcj3zRJniD93S/ontsnZsCLZrxQ==",
+ "version": "4.0.7",
+ "resolved": "https://registry.npmjs.org/@apollo/client/-/client-4.0.7.tgz",
+ "integrity": "sha512-hZp/mKtAqM+g6buUnu6Wqtyc33QebvfdY0SE46xWea4lU1CxwI57VORy2N2vA9CoCRgYM4ELNXzr6nNErAdhfg==",
 "license": "MIT",
+ "workspaces": [
+ "dist",
+ "codegen",
+ "scripts/codemods/ac3-to-ac4"
+ ],
 "dependencies": {
 "@graphql-typed-document-node/core": "^3.1.1",
 "@wry/caches": "^1.0.0",
 "@wry/equality": "^0.5.6",
 "@wry/trie": "^0.5.0",
 "graphql-tag": "^2.12.6",
- "hoist-non-react-statics": "^3.3.2",
 "optimism": "^0.18.0",
- "prop-types": "^15.7.2",
- "rehackt": "^0.1.0",
- "symbol-observable": "^4.0.0",
- "ts-invariant": "^0.10.3",
- "tslib": "^2.3.0",
- "zen-observable-ts": "^1.2.5"
+ "tslib": "^2.3.0"
 },
 "peerDependencies": {
- "graphql": "^15.0.0 || ^16.0.0",
+ "graphql": "^16.0.0",
 "graphql-ws": "^5.5.5 || ^6.0.3",
- "react": "^16.8.0 || ^17.0.0 || ^18.0.0 ||>=19.0.0-rc",
- "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 ||>=19.0.0-rc",
+ "react": "^17.0.0 || ^18.0.0 ||>=19.0.0-rc",
+ "react-dom": "^17.0.0 || ^18.0.0 ||>=19.0.0-rc",
+ "rxjs": "^7.3.0",
 "subscriptions-transport-ws": "^0.9.0 || ^0.11.0"
 },
 "peerDependenciesMeta": {
@@ -6999,14 +6999,6 @@
 "node": ">= 0.4"
 }
 },
- "node_modules/hoist-non-react-statics": {
- "version": "3.3.2",
- "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
- "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
- "dependencies": {
- "react-is": "^16.7.0"
- }
- },
 "node_modules/http-errors": {
 "version": "2.0.0",
 "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
@@ -7181,6 +7173,19 @@
 "node": ">=4"
 }
 },
+ "node_modules/inquirer/node_modules/rxjs": {
+ "version": "6.6.7",
+ "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.6.7.tgz",
+ "integrity": "sha512-hTdwr+7yYNIT5n4AMYp85KA6yw2Va0FLa3Rguvbpa4W3I5xynaBZo41cM3XM+4Q6fRMj3sBYIR1VAmZMXYJvRQ==",
+ "dev": true,
+ "license": "Apache-2.0",
+ "dependencies": {
+ "tslib": "^1.9.0"
+ },
+ "engines": {
+ "npm": ">=2.0.0"
+ }
+ },
 "node_modules/inquirer/node_modules/string-width": {
 "version": "2.1.1",
 "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz",
@@ -7231,6 +7236,13 @@
 "node": ">=6"
 }
 },
+ "node_modules/inquirer/node_modules/tslib": {
+ "version": "1.14.1",
+ "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+ "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
+ "dev": true,
+ "license": "0BSD"
+ },
 "node_modules/internal-slot": {
 "version": "1.1.0",
 "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.1.0.tgz",
@@ -10793,23 +10805,6 @@
 "url": "https://github.com/sponsors/ljharb"
 }
 },
- "node_modules/rehackt": {
- "version": "0.1.0",
- "resolved": "https://registry.npmjs.org/rehackt/-/rehackt-0.1.0.tgz",
- "integrity": "sha512-7kRDOuLHB87D/JESKxQoRwv4DzbIdwkAGQ7p6QKGdVlY1IZheUnVhlk/4UZlNUVxdAXpyxikE3URsG067ybVzw==",
- "peerDependencies": {
- "@types/react": "*",
- "react": "*"
- },
- "peerDependenciesMeta": {
- "@types/react": {
- "optional": true
- },
- "react": {
- "optional": true
- }
- }
- },
 "node_modules/require-directory": {
 "version": "2.1.1",
 "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
@@ -10996,25 +10991,15 @@
 }
 },
 "node_modules/rxjs": {
- "version": "6.6.7",
- "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.6.7.tgz",
- "integrity": "sha512-hTdwr+7yYNIT5n4AMYp85KA6yw2Va0FLa3Rguvbpa4W3I5xynaBZo41cM3XM+4Q6fRMj3sBYIR1VAmZMXYJvRQ==",
- "dev": true,
+ "version": "7.8.2",
+ "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz",
+ "integrity": "sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==",
 "license": "Apache-2.0",
+ "peer": true,
 "dependencies": {
- "tslib": "^1.9.0"
- },
- "engines": {
- "npm": ">=2.0.0"
+ "tslib": "^2.1.0"
 }
 },
- "node_modules/rxjs/node_modules/tslib": {
- "version": "1.14.1",
- "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
- "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
- "dev": true,
- "license": "0BSD"
- },
 "node_modules/safe-array-concat": {
 "version": "1.1.3",
 "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.3.tgz",
@@ -11900,14 +11885,6 @@
 "url": "https://github.com/sponsors/ljharb"
 }
 },
- "node_modules/symbol-observable": {
- "version": "4.0.0",
- "resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-4.0.0.tgz",
- "integrity": "sha512-b19dMThMV4HVFynSAM1++gBHAbk2Tc/osgLIBZMKsyqh34jb2e8Os7T6ZW/Bt3pJFdBTd2JwAnAAEQV7rSNvcQ==",
- "engines": {
- "node": ">=0.10"
- }
- },
 "node_modules/tailwindcss": {
 "version": "3.4.18",
 "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.18.tgz",
@@ -12190,17 +12167,6 @@
 "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
 "dev": true
 },
- "node_modules/ts-invariant": {
- "version": "0.10.3",
- "resolved": "https://registry.npmjs.org/ts-invariant/-/ts-invariant-0.10.3.tgz",
- "integrity": "sha512-uivwYcQaxAucv1CzRp2n/QdYPo4ILf9VXgH19zEIjFx2EJufV16P0JtJVpYHy89DItG6Kwj2oIUjrcK5au+4tQ==",
- "dependencies": {
- "tslib": "^2.1.0"
- },
- "engines": {
- "node": ">=8"
- }
- },
 "node_modules/tsconfig-paths": {
 "version": "3.15.0",
 "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz",
@@ -13008,19 +12974,6 @@
 "url": "https://github.com/sponsors/sindresorhus"
 }
 },
- "node_modules/zen-observable": {
- "version": "0.8.15",
- "resolved": "https://registry.npmjs.org/zen-observable/-/zen-observable-0.8.15.tgz",
- "integrity": "sha512-PQ2PC7R9rslx84ndNBZB/Dkv8V8fZEpk83RLgXtYd0fwUgEjseMn1Dgajh2x6S8QbZAFa9p2qVCEuYZNgve0dQ=="
- },
- "node_modules/zen-observable-ts": {
- "version": "1.2.5",
- "resolved": "https://registry.npmjs.org/zen-observable-ts/-/zen-observable-ts-1.2.5.tgz",
- "integrity": "sha512-QZWQekv6iB72Naeake9hS1KxHlotfRpe+WGNbNx5/ta+R3DNjVO2bswf63gXlWDcs+EMd7XY8HfVQyP1X6T4Zg==",
- "dependencies": {
- "zen-observable": "0.8.15"
- }
- },
 "node_modules/zod": {
 "version": "3.25.56",
 "resolved": "https://registry.npmjs.org/zod/-/zod-3.25.56.tgz",
diff --git a/package.json b/package.json
index f6dc3c41f..3c92cb19b 100644
--- a/package.json
+++ b/package.json
@@ -26,7 +26,7 @@
 "author": "w3bdesign",
 "license": "ISC",
 "dependencies": {
- "@apollo/client": "^3.14.0",
+ "@apollo/client": "^4.0.7",
 "@types/react": "^19.2.2",
 "algoliasearch": "^4.25.0",
 "autoprefixer": "^10.4.21",
</div><div class="naked_ctrl">
<form action="/index.cgi/contrast" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="https://patch-diff.githubusercontent.com/raw/w3bdesign/nextjs-woocommerce/pull/1557.diff">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="https://patch-diff.githubusercontent.com/raw/w3bdesign/nextjs-woocommerce/pull/1557.diff" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast" selected="selected">配色反転</option>
<option value="larger-text">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>