Style(design-tokens): Migrate ESLint config to flat config style

Author: literat

packages/design-tokens/.eslintignore

@@ -0,0 +1,52 @@
+import { fixupConfigRules } from '@eslint/compat';
+import { FlatCompat } from '@eslint/eslintrc';
+
+const compat = new FlatCompat({
+  baseDirectory: import.meta.dirname,
+});
+
+export default [
+  {
+    // # .eslintignore
+    ignores: [
+      // # NOTE:
+      // # The following directives are only relevant when linting the whole
+      // # project directory, ie. running `eslint .` ⚠️
+      // # If you compile JavaScript into some output folder, exclude it here
+
+      // Generated files or folders
+      '**/node_modules/**',
+      '**/dist/**',
+      '**/build/**',
+      '**/.coverage/**',
+      '**/*.input.tsx',
+      '**/*.output.tsx',
+
+      // # Highly recommended to re-include JavaScript dotfiles to lint them
+      // # (This will cause .eslintrc.js to be linted by ESLint 🤘)
+      '!.*.js',
+
+      // # Some tools use this pattern for their configuration files. Lint them!
+      '!*.config.js',
+
+      // Exclude JSON files from being linted
+      // @TODO: use `eslint-plugin-jsonc` to lint JSON files properly
+      '**/*.json',
+    ],
+  },
+  ...fixupConfigRules(compat.extends('eslint-config-spirit', '@lmc-eu/eslint-config-typescript')),
+  {
+    languageOptions: {
+      parserOptions: {
+        ecmaVersion: 'latest',
+        project: './tsconfig.eslint.json',
+      },
+    },
+    // @TODO: remove `files` and `plugins` when all configs are flat
+    files: ['**/*.{js,mjs,cjs,ts,tsx,mts,cts}'],
+    rules: {
+      'prettier/prettier': 'off',
+      'operator-linebreak': 'off',
+    },
+  },
+];

packages/design-tokens/.eslintrc.cjs

@@ -37,6 +37,9 @@
     "types": "tsc"
   },
   "devDependencies": {
+    "@eslint/compat": "1.4.0",
+    "@eslint/eslintrc": "3.3.1",
+    "eslint": "8.57.1",
     "npm-run-all2": "6.2.6",
     "rimraf": "5.0.10",
     "shx": "0.4.0",

packages/design-tokens/eslint.config.mjs

@@ -4717,6 +4717,9 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@lmc-eu/spirit-design-tokens@workspace:packages/design-tokens"
   dependencies:
+    "@eslint/compat": "npm:1.4.0"
+    "@eslint/eslintrc": "npm:3.3.1"
+    eslint: "npm:8.57.1"
     npm-run-all2: "npm:6.2.6"
     rimraf: "npm:5.0.10"
     shx: "npm:0.4.0"