chore: add @eslint/css

Signed-off-by: Sebastian Davids <[email protected]>

Author: sdavids

hp/eslint.config.mjs

@@ -6,6 +6,8 @@
 import globals from 'globals';
 import js from '@eslint/js';
 import json from '@eslint/json';
+import css from '@eslint/css';
+import { tailwindSyntax } from '@eslint/css/syntax';
 import markdown from '@eslint/markdown';
 import compat from 'eslint-plugin-compat';
 import vitest from '@vitest/eslint-plugin';
@@ -34,6 +36,19 @@ export default [
     ...json.configs.recommended,
     name: 'eslint/json/recommended',
   },
+  {
+    files: ['**/*.css'],
+    ignores: ['src/s/app.css', 'src/s/app.css.tmp'],
+    plugins: {
+      css,
+    },
+    language: 'css/css',
+    languageOptions: {
+      customSyntax: tailwindSyntax,
+    },
+    ...css.configs.recommended,
+    name: 'eslint/css/recommended',
+  },
   {
     files: ['**/*.md'],
     language: 'markdown/gfm',

hp/package-lock.json

@@ -79,6 +79,7 @@
     "@axe-core/playwright": "4.10.1",
     "@commitlint/cli": "19.7.1",
     "@commitlint/config-conventional": "19.7.1",
+    "@eslint/css": "0.4.0",
     "@eslint/js": "9.21.0",
     "@eslint/json": "0.10.0",
     "@eslint/markdown": "6.2.2",

hp/package.json

@@ -32,6 +32,7 @@ SPDX-License-Identifier: Apache-2.0
     line-height: 1.5;
     -webkit-text-size-adjust: 100%;
     font-family:
+      /* eslint-disable-next-line css/require-baseline */
       ui-sans-serif, system-ui, 'Segoe UI', Roboto, Helvetica, Arial,
       sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
       'Noto Color Emoji';
@@ -55,6 +56,7 @@ SPDX-License-Identifier: Apache-2.0
 
   code {
     font-family:
+      /* eslint-disable-next-line css/require-baseline */
       ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
       'Courier New', monospace;
     font-size: 1em;