feat: delete source.designSystem config (#7654)

Author: caohuilin

packages/cli/plugin-tailwind/src/cli.ts

@@ -1,6 +1,5 @@
 import type { AppTools, CliPlugin } from '@modern-js/app-tools';
 import { getTailwindConfig, loadConfigFile } from './config';
-import { designTokenPlugin } from './design-token/cli';
 import { checkTwinMacroExist, getTwinMacroMajorVersion } from './macro';
 import { getTailwindPath, getTailwindVersion } from './utils';
 
@@ -11,15 +10,8 @@ export const tailwindcssPlugin = (
 ): CliPlugin<AppTools> => ({
   name: '@modern-js/plugin-tailwindcss',
 
-  // support designSystem.supportStyledComponents
-  usePlugins: [
-    designTokenPlugin({
-      pluginName,
-    }),
-  ],
-
   setup: async api => {
-    const { appDirectory, internalDirectory } = api.getAppContext();
+    const { appDirectory } = api.getAppContext();
     // When reinstalling dependencies, most of the time the project will be restarted
     const haveTwinMacro = await checkTwinMacroExist(appDirectory);
     const tailwindPath = getTailwindPath(appDirectory);
@@ -52,8 +44,7 @@ export const tailwindcssPlugin = (
           if (
             tailwindVersion === '3' &&
             userTailwindConfig.content &&
-            !modernConfig?.tools?.tailwindcss &&
-            !modernConfig?.source?.designSystem
+            !modernConfig?.tools?.tailwindcss
           ) {
             // Prefer to use user's tailwind config file,
             // this is faster then passing the config object to `tailwindcss()`.
@@ -67,7 +58,6 @@ export const tailwindcssPlugin = (
               tailwindVersion,
               userConfig: userTailwindConfig,
               extraConfig: modernConfig?.tools?.tailwindcss,
-              designSystem: modernConfig?.source?.designSystem,
             });
           }
         }

packages/cli/plugin-tailwind/src/config.ts

@@ -1,12 +1,7 @@
 import path from 'path';
 import { bundleRequire } from '@modern-js/node-bundle-require';
 import { fs, applyOptionsChain, findExists } from '@modern-js/utils';
-import { cloneDeep } from '@modern-js/utils/lodash';
-import type {
-  DesignSystem,
-  ExtraTailwindConfig,
-  TailwindConfig,
-} from './types';
+import type { ExtraTailwindConfig, TailwindConfig } from './types';
 
 function getDefaultContent(appDirectory: string) {
   const defaultContent = ['./src/**/*.{js,jsx,ts,tsx}'];
@@ -23,12 +18,6 @@ function getDefaultContent(appDirectory: string) {
   return defaultContent;
 }
 
-const getPureDesignSystemConfig = (config: DesignSystem) => {
-  const pureConfig = cloneDeep(config);
-  delete pureConfig.supportStyledComponents;
-  return pureConfig;
-};
-
 const getV2PurgeConfig = (content: string[]) => ({
   enabled: process.env.NODE_ENV === 'production',
   layers: ['utilities'],
@@ -57,20 +46,18 @@ export async function loadConfigFile(appDirectory: string) {
 
 /**
  * Config priority:
- * `source.designSystem` > `tools.tailwindcss` (extraConfig) > `tailwind.config.*` (userConfig) > `defaultConfig`
+ * `tools.tailwindcss` (extraConfig) > `tailwind.config.*` (userConfig) > `defaultConfig`
  */
 const getTailwindConfig = ({
   tailwindVersion,
   appDirectory,
   userConfig,
   extraConfig,
-  designSystem,
 }: {
   tailwindVersion: '2' | '3';
   appDirectory: string;
   userConfig: TailwindConfig;
   extraConfig?: ExtraTailwindConfig;
-  designSystem?: DesignSystem;
 }) => {
   const content = getDefaultContent(appDirectory);
 
@@ -85,13 +72,6 @@ const getTailwindConfig = ({
     ? applyOptionsChain(tailwindConfig, extraConfig)
     : tailwindConfig;
 
-  const designSystemConfig = getPureDesignSystemConfig(designSystem ?? {});
-
-  // if designSystem config is used, it will override the theme config of tailwind
-  if (designSystemConfig && Object.keys(designSystemConfig).length > 0) {
-    tailwindConfig.theme = designSystemConfig;
-  }
-
   return tailwindConfig;
 };
 

packages/cli/plugin-tailwind/src/design-token/cli/index.ts

@@ -1,7 +1,3 @@
-export type DesignSystem = TailwindConfig & {
-  supportStyledComponents?: boolean;
-};
-
 export type TailwindConfig = Record<string, any>;
 
 export type ExtraTailwindConfig =