Merge branch 'main' into dependabot/npm_and_yarn/packages/grid/examples/css-grid/next-15.2.4

Author: kennylam

examples/class-prefix/vite.config.js

@@ -4,4 +4,26 @@ import react from '@vitejs/plugin-react';
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],
+  css: {
+    preprocessorOptions: {
+      // suppress mixed-declarations warnings until resolved in
+      // https://github.com/carbon-design-system/carbon/issues/16962
+      scss: {
+        api: 'modern',
+        silenceDeprecations: ['mixed-decls'],
+      },
+    },
+  },
+  // resolve font paths
+  resolve: {
+    alias: [
+      {
+        find: /~@ibm\/plex\/(.*)/,
+        replacement: '@ibm/plex/$1',
+      },
+    ],
+  },
+  optimizeDeps: {
+    include: ['@carbon/react'],
+  },
 });

examples/custom-theme/vite.config.js

@@ -4,4 +4,26 @@ import react from '@vitejs/plugin-react';
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],
+  css: {
+    preprocessorOptions: {
+      // suppress mixed-declarations warnings until resolved in
+      // https://github.com/carbon-design-system/carbon/issues/16962
+      scss: {
+        api: 'modern',
+        silenceDeprecations: ['mixed-decls'],
+      },
+    },
+  },
+  // resolve font paths
+  resolve: {
+    alias: [
+      {
+        find: /~@ibm\/plex\/(.*)/,
+        replacement: '@ibm/plex/$1',
+      },
+    ],
+  },
+  optimizeDeps: {
+    include: ['@carbon/react'],
+  },
 });

examples/id-prefix/vite.config.js

@@ -4,4 +4,26 @@ import react from '@vitejs/plugin-react';
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],
+  css: {
+    preprocessorOptions: {
+      // suppress mixed-declarations warnings until resolved in
+      // https://github.com/carbon-design-system/carbon/issues/16962
+      scss: {
+        api: 'modern',
+        silenceDeprecations: ['mixed-decls'],
+      },
+    },
+  },
+  // resolve font paths
+  resolve: {
+    alias: [
+      {
+        find: /~@ibm\/plex\/(.*)/,
+        replacement: '@ibm/plex/$1',
+      },
+    ],
+  },
+  optimizeDeps: {
+    include: ['@carbon/react'],
+  },
 });

examples/v10-token-compat-in-v11/vite.config.js

@@ -4,4 +4,23 @@ import react from '@vitejs/plugin-react';
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],
+  css: {
+    preprocessorOptions: {
+      // suppress mixed-declarations warnings until resolved in
+      // https://github.com/carbon-design-system/carbon/issues/16962
+      scss: {
+        api: 'modern',
+        silenceDeprecations: ['mixed-decls'],
+      },
+    },
+  },
+  // resolve font paths
+  resolve: {
+    alias: [
+      {
+        find: /~@ibm\/plex\/(.*)/,
+        replacement: '@ibm/plex/$1',
+      },
+    ],
+  },
 });

examples/vite/vite.config.js

@@ -4,4 +4,17 @@ import react from '@vitejs/plugin-react';
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],
+  css: {
+    preprocessorOptions: {
+      // suppress mixed-declarations warnings until resolved in
+      // https://github.com/carbon-design-system/carbon/issues/16962
+      scss: {
+        api: 'modern',
+        silenceDeprecations: ['mixed-decls'],
+      },
+    },
+  },
+  optimizeDeps: {
+    include: ['@carbon/react'],
+  },
 });

packages/react/.storybook/main.js

@@ -150,7 +150,7 @@ const config = {
                 path.resolve(__dirname, '..', 'node_modules'),
                 path.resolve(__dirname, '..', '..', '..', 'node_modules'),
               ],
-              // quietDeps: true,
+              silenceDeprecations: ['mixed-decls'],
             },
             warnRuleAsWarning: true,
             sourceMap: true,

packages/styles/tasks/build-css.js

@@ -40,6 +40,12 @@ async function build() {
   `;
   const { css } = sass.compileString(entrypoint, {
     loadPaths,
+    // suppress mixed-declarations warnings until resolved in
+    // https://github.com/carbon-design-system/carbon/issues/16962
+    logger: {
+      warn: (message) =>
+        message.includes('mixed-decls') ? undefined : { type: 'warn', message },
+    },
   });
   const bundles = [
     {

packages/themes/src/component-tokens/tag/tokens.js

@@ -10,49 +10,42 @@ import {
   red40,
   red50,
   red70,
-  red80,
   red20Hover,
   red70Hover,
   magenta20,
   magenta40,
   magenta50,
   magenta70,
-  magenta80,
   magenta20Hover,
   magenta70Hover,
   purple20,
   purple40,
   purple50,
   purple70,
-  purple80,
   purple20Hover,
   purple70Hover,
   blue20,
   blue40,
   blue50,
   blue70,
-  blue80,
   blue20Hover,
   blue70Hover,
   cyan20,
   cyan40,
   cyan50,
   cyan70,
-  cyan80,
   cyan20Hover,
   cyan70Hover,
   teal20,
   teal40,
   teal50,
   teal70,
-  teal80,
   teal20Hover,
   teal70Hover,
   green20,
   green40,
   green50,
   green70,
-  green80,
   green20Hover,
   green70Hover,
   gray10,

packages/web-components/.storybook/main.ts

@@ -53,6 +53,16 @@ const config: StorybookConfig = {
         litTemplateLoader(),
         viteSVGResultCarbonIconLoader(),
       ],
+      css: {
+        preprocessorOptions: {
+          // suppress mixed-declarations warnings until resolved in
+          // https://github.com/carbon-design-system/carbon/issues/16962
+          scss: {
+            api: 'modern',
+            silenceDeprecations: ['mixed-decls'],
+          },
+        },
+      },
       optimizeDeps: {
         include: ['@storybook/web-components'],
         exclude: ['lit', 'lit-html'],

packages/web-components/tools/rollup-plugin-lit-scss.js

@@ -74,6 +74,14 @@ export default function LitSCSS({
         ...options,
         file: id,
         data: finalContent,
+        // suppress mixed-declarations warnings until resolved in
+        // https://github.com/carbon-design-system/carbon/issues/16962
+        logger: {
+          warn: (message) =>
+            message.includes('mixed-decls')
+              ? undefined
+              : { type: 'warn', message },
+        },
       });
 
       return {