refactor(docs): replace next-transpile-modules package

.changeset/nervous-ants-nail.md

@@ -0,0 +1,5 @@
+---
+'@bigcommerce/docs': patch
+---
+
+Replaces the `next-transpile-modules` package with the native built-in Next.js functionality.

packages/docs/next.config.js

@@ -1,26 +1,25 @@
-const withTM = require('next-transpile-modules')([
-  '@bigcommerce/big-design',
-  '@bigcommerce/big-design-theme',
-]);
-
 const bdPkg = require('../big-design/package.json');
 const examplesPkg = require('../examples/package.json');
 
-const pkg = require('./package.json');
-
 const isProduction = process.env.NODE_ENV === 'production';
 const isDev = !isProduction;
 const URL_PREFIX = '/big-design';
 const EXAMPLES_VERSION = examplesPkg.version;
 
-module.exports = withTM({
+/** @type {import('next').NextConfig} */
+module.exports = {
   basePath: isProduction ? URL_PREFIX : '',
   output: 'export',
   env: {
     CODE_SANDBOX_URL: `https://codesandbox.io/s/github/bigcommerce/big-design/tree/%40bigcommerce/examples%40${EXAMPLES_VERSION}/packages/examples`,
     URL_PREFIX: isProduction ? URL_PREFIX : '',
     BD_VERSION: bdPkg.version,
   },
+  transpilePackages: [
+    '@bigcommerce/big-design',
+    '@bigcommerce/big-design-theme',
+    '@bigcommerce/big-design-icons',
+  ],
   images: {
     unoptimized: true,
   },
@@ -53,4 +52,4 @@ module.exports = withTM({
 
     return rest;
   },
-});
+};

packages/docs/package.json

@@ -27,7 +27,6 @@
     "@bigcommerce/big-design-theme": "workspace:^",
     "@radix-ui/react-scroll-area": "^1.0.5",
     "clipboard-copy": "^4.0.1",
-    "next-transpile-modules": "^10.0.0",
     "prettier": "^2.4.0",
     "prism-react-renderer": "^2.3.1",
     "react": "^18.2.0",