chore: use dompurify instead of isomorphic version

.changeset/gentle-badgers-dress.md

@@ -0,0 +1,22 @@
+---
+"@bigcommerce/catalyst-core": patch
+---
+
+Uses regular `dompurify` (DP) instead of `isomorphic-dompurify` (IDP), because IDP requires JSDOM. JSDOM doesn't work in edge-runtime environments even with nodejs compatibility. We only need it on the client anyways for the JSON-LD schema, so it doesn't need the isomorphic aspect of it. This also changes `core/app/[locale]/(default)/product/[slug]/_components/product-review-schema/product-review-schema.tsx` to be a client-component to enable `dompurify to work correctly.
+
+## Migration
+
+1. Remove the old dependency and add the new:
+```bash
+pnpm rm isomorphic-dompurify
+pnpm add dompurify -S
+```
+
+2. Change the import in `core/app/[locale]/(default)/product/[slug]/_components/product-review-schema/product-review-schema.tsx`:
+```diff
+- import DOMPurify from 'isomorphic-dompurify';
++// eslint-disable-next-line import/no-named-as-default
++import DOMPurify from 'dompurify';
+```
+
+3. Add the `'use client';` directive to the top of `core/app/[locale]/(default)/product/[slug]/_components/product-review-schema/product-review-schema.tsx`.

core/app/[locale]/(default)/product/[slug]/_components/product-review-schema/product-review-schema.tsx

@@ -1,4 +1,7 @@
-import DOMPurify from 'isomorphic-dompurify';
+'use client';
+
+// eslint-disable-next-line import/no-named-as-default
+import DOMPurify from 'dompurify';
 import { useFormatter } from 'next-intl';
 import { Product as ProductSchemaType, WithContext } from 'schema-dts';
 

core/package.json

@@ -52,7 +52,7 @@
     "embla-carousel-react": "8.5.2",
     "gql.tada": "^1.8.10",
     "graphql": "^16.11.0",
-    "isomorphic-dompurify": "^2.25.0",
+    "dompurify": "^3.3.1",
     "jose": "^5.10.0",
     "lodash.debounce": "^4.0.8",
     "lru-cache": "^11.1.0",