linter-bundle 7.5.0 → 7.6.0

package/.linter-bundle.schema.json

@@ -104,8 +104,33 @@
 			},
 			"additionalProperties": false
 		},
+		"css": {
+			"type": "object",
+			"properties": {
+				"verbose": {
+					"type": "boolean"
+				},
+				"timing": {
+					"type": "boolean"
+				},
+				"git": {
+					"type": "boolean"
+				},
+				"include": {
+					"type": "array",
+					"items": {
+						"type": "string"
+					}
+				},
+				"patternPrefix": {
+					"type": "string"
+				}
+			},
+			"additionalProperties": false
+		},
 		"sass": {
 			"type": "object",
+			"deprecated": true,
 			"properties": {
 				"verbose": {
 					"type": "boolean"

package/CHANGELOG.md

@@ -6,7 +6,32 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 
-[Show all code changes](https://github.com/jens-duttke/linter-bundle/compare/v7.5.0...HEAD)
+[Show all code changes](https://github.com/jens-duttke/linter-bundle/compare/v7.6.0...HEAD)
+
+## [7.6.0] - 2025-05-14
+
+- [general] Added support for `.css` files in ESLint and Stylelint rules
+- [eslint] Updated `eslint` from `9.24.0` to `9.26.0`
+- [eslint] Updated `eslint-import-resolver-typescript` from `4.3.2` to `4.3.4`
+- [eslint] Updated `eslint-plugin-jsdoc` from `50.6.9` to `50.6.17`
+- [eslint] Updated `eslint-plugin-n` from `17.17.0` to `17.18.0`
+- [eslint] Updated `eslint-plugin-unicorn` from `58.0.0` to `59.0.1`
+- [eslint] Updated `globals` from `16.0.0` to `16.1.0`
+- [eslint] Updated `typescript-eslint` from `8.29.1` to `8.32.1`
+- [stylelint] Updated `stylelint` from `16.18.0` to `16.19.1`
+- [stylelint] Updated `stylelint-order` from `6.0.4` to `7.0.0`
+- [stylelint] Updated `stylelint-scss` from `6.11.1` to `6.12.0`
+- [eslint] Renamed `unicorn/no-array-push-push` rule to `prefer-single-call`
+- [eslint] Renamed `unicorn/no-length-as-slice-end` rule to `no-unnecessary-slice-end`
+- [eslint] Added but disabled [`unicorn/prefer-import-meta-properties`](https://github.com/sindresorhus/eslint-plugin-unicorn/blob/main/docs/rules/prefer-import-meta-properties.md) rule
+- [eslint] Added [`unicorn/no-unnecessary-array-flat-depth`](https://github.com/sindresorhus/eslint-plugin-unicorn/blob/main/docs/rules/no-unnecessary-array-flat-depth.md) rule
+- [eslint] Added [`unicorn/no-unnecessary-array-splice-count`](https://github.com/sindresorhus/eslint-plugin-unicorn/blob/main/docs/rules/no-unnecessary-array-splice-count.md) rule
+- [eslint] Activated [`unicorn/prefer-event-target`](https://github.com/sindresorhus/eslint-plugin-unicorn/blob/main/docs/rules/prefer-event-target.md) rule
+- [eslint] Activated [`unicorn/prefer-top-level-await`](https://github.com/sindresorhus/eslint-plugin-unicorn/blob/main/docs/rules/prefer-top-level-await.md) rule
+- [eslint] Added [`@typescript-eslint/no-unnecessary-type-conversion`](https://typescript-eslint.io/rules/no-unnecessary-type-conversion/) rule
+- [stylelint] Activated [`selector-not-notation`](https://stylelint.io/user-guide/rules/selector-not-notation/) rule with "complex" option
+
+[Show all code changes](https://github.com/jens-duttke/linter-bundle/compare/v7.5.0...v7.6.0)
 
 ## [7.5.0] - 2025-04-08
 

package/README.md

@@ -9,7 +9,7 @@
 Ready-to use bundle of linting tools, containing configurations for
 
 - [ESLint](https://eslint.org/): JavaScript (Node.js); TypeScript, React (Browser)
-- [stylelint](https://stylelint.io/): SCSS (Browser)
+- [stylelint](https://stylelint.io/): CSS, SCSS (Browser)
 - [markdownlint](https://github.com/DavidAnson/markdownlint): Markdown
 - [better-npm-audit](https://www.npmjs.com/package/better-npm-audit): Security audit using `npm`
 - [improved-yarn-audit](https://www.npmjs.com/package/improved-yarn-audit): Security audit using `yarn`
@@ -84,8 +84,8 @@ npm install linter-bundle --save-dev
 ```json
 {
   "scripts": {
-    "lint": "lint tsc ts sass md audit",
-    "lint-different-configurations": "lint tsc --tsconfig=./path1/tsconfig.json tsc --tsconfig=./path2/tsconfig.json ts sass md audit"
+    "lint": "lint tsc ts css md audit",
+    "lint-different-configurations": "lint tsc --tsconfig=./path1/tsconfig.json tsc --tsconfig=./path2/tsconfig.json ts css md audit"
   }
 }
 ```
@@ -224,8 +224,8 @@ The file itself, and any of the options is optional.
       }
     }
   },
-  "sass": {
-    "include": ["./included/*.ts"],
+  "css": {
+    "include": ["./included/*.css"],
     "patternPrefix": "(my-prefix|another-prefix)"
   },
   "md": {
@@ -405,9 +405,9 @@ export default {
   },
 
   /**
-   * Configuration, specific to the `sass` command.
+   * Configuration, specific to the `css` command.
    */
-  sass: {
+  css: {
     /**
      * `verbose`, `timing` and `git` are the same as in the root node.
      */
@@ -420,7 +420,7 @@ export default {
      * 
      * @type {string[]}
      */
-    include: ['./included/*.ts'],
+    include: ['./included/*.css'],
 
     /**
      * The prefix used for the 'custom-media-pattern' (`@media (--my-prefix-foo)`) and 'custom-property-pattern' (`var(--my-prefix-bar)`) rule.
@@ -444,7 +444,7 @@ export default {
      * 
      * @type {string[]}
      */
-    include: ['./included/*.ts']
+    include: ['./included/*.md']
   },
 
   /**
@@ -532,7 +532,7 @@ The command line arguments are separated in groups. Here are some examples:
 
 ```sh
 # Run File restrictions, TypeScript compiler, ESLint, Stylelint, Markdownlint, and audit in the given order, using the default configuration
-lint files tsc ts sass md audit
+lint files tsc ts css md audit
 
 # Run ESLint and Audit, and show their terminal output even on success
 lint --verbose ts audit
@@ -593,12 +593,12 @@ Argument | Description | Example
 `--include` | Patterns with files which should be considered | `--include="./cypress/**/*.ts"`
 `--exclude` | Patterns with files which should not be considered. Can be used multiple times for different patterns. Used as `--ignore-pattern` argument for ESLint. | `--exclude="cypress" --exclude=".storybook"`
 
-### `lint sass`
+### `lint css`
 
 Will execute:
 
 ```sh
-stylelint "src/**/*.scss" --formatter unix --report-needless-disables --report-invalid-scope-disables --report-descriptionless-disables
+stylelint "src/**/*.{css,scss}" --formatter unix --report-needless-disables --report-invalid-scope-disables --report-descriptionless-disables
 ```
 
 ### `lint md`
@@ -668,7 +668,8 @@ To ensure the stylelint plugins are correctly loaded, you need to adjust the set
 ```json
 {
   "stylelint.enable": true,
-  "stylelint.validate": [
+  "stylelint.validate": [,
+    "css",
     "scss"
   ],
   "css.validate": false,
@@ -702,6 +703,9 @@ To visualize the max line-length rules in VSCode, you can activate rulers, by ad
   "[markdown]": {
     "editor.rulers": [300]
   },
+  "[css]": {
+    "editor.rulers": [160]
+  },
   "[scss]": {
     "editor.rulers": [160]
   },

package/eslint/index.mjs

@@ -782,6 +782,7 @@ export default [
 			'@typescript-eslint/no-unnecessary-type-arguments': 'error',
 			'@typescript-eslint/no-unnecessary-type-assertion': 'error',
 			'@typescript-eslint/no-unnecessary-type-constraint': 'error',
+			'@typescript-eslint/no-unnecessary-type-conversion': 'error',
 			'@typescript-eslint/no-unnecessary-type-parameters': 'error',
 			'@typescript-eslint/no-unsafe-argument': 'error',
 			'@typescript-eslint/no-unsafe-assignment': 'error',
@@ -921,6 +922,7 @@ export default [
 			'import/no-self-import': 'error',
 			'import/no-unassigned-import': ['error', {
 				allow: [
+					'**/*.css',
 					'**/*.scss',
 					'jest-extended'
 				]
@@ -1030,6 +1032,12 @@ export default [
 						namespace: true,
 						named: false
 					},
+					'./styles.module.css': {
+						unassigned: false,
+						default: false,
+						namespace: true,
+						named: false
+					},
 					'./styles.module.scss': {
 						unassigned: false,
 						default: false,
@@ -1044,7 +1052,6 @@ export default [
 			'unicorn/no-array-callback-reference': 'off', // If I use functions, they are the best option for this use-case
 			'unicorn/no-array-for-each': 'error',
 			'unicorn/no-array-method-this-argument': 'error',
-			'unicorn/no-array-push-push': 'error',
 			'unicorn/no-array-reduce': ['error', { allowSimpleOperations: true }],
 			'unicorn/no-await-expression-member': 'error',
 			'unicorn/no-console-spaces': 'error',
@@ -1056,7 +1063,6 @@ export default [
 			'unicorn/no-invalid-fetch-options': 'error',
 			'unicorn/no-invalid-remove-event-listener': 'error',
 			'unicorn/no-keyword-prefix': 'off',
-			'unicorn/no-length-as-slice-end': 'error',
 			'unicorn/no-lonely-if': 'off', // Sometimes the code is clearer if-conditions are not combined
 			'unicorn/no-magic-array-flat-depth': 'error',
 			'unicorn/no-named-default': 'error',
@@ -1072,8 +1078,11 @@ export default [
 			'unicorn/no-thenable': 'error',
 			'unicorn/no-this-assignment': 'error',
 			'unicorn/no-typeof-undefined': 'error',
+			'unicorn/no-unnecessary-array-flat-depth': 'error',
+			'unicorn/no-unnecessary-array-splice-count': 'error',
 			'unicorn/no-unnecessary-await': 'error',
 			'unicorn/no-unnecessary-polyfills': 'error',
+			'unicorn/no-unnecessary-slice-end': 'error',
 			'unicorn/no-unreadable-array-destructuring': 'error',
 			'unicorn/no-unreadable-iife': 'error',
 			'unicorn/no-unused-properties': 'error',
@@ -1101,9 +1110,10 @@ export default [
 			'unicorn/prefer-dom-node-dataset': 'off', // `setAttribute` is faster than `dataset`. See https://www.measurethat.net/Benchmarks/Show/7740/0/classname-vs-setattribute-vs-classlist-vs-dataset
 			'unicorn/prefer-dom-node-remove': 'error',
 			'unicorn/prefer-dom-node-text-content': 'error',
-			'unicorn/prefer-event-target': 'off', // @todo Disabled for now, since `EventTarget` requires Node.js 16. Activate in 2025
+			'unicorn/prefer-event-target': 'error',
 			'unicorn/prefer-export-from': ['error', { ignoreUsedVariables: true }],
 			'unicorn/prefer-global-this': 'off', // This makes only sense if the same code may run on the server-side. Often the auto-fixing of this rule doesn't make sense
+			'unicorn/prefer-import-meta-properties': 'off', // @todo Regarding `n/no-unsupported-features/node-builtins` it's still an experimental feature, so check back in 2026
 			'unicorn/prefer-includes': 'error',
 			'unicorn/prefer-json-parse-buffer': 'off', // TypeScript states that string needs to be used as of the ES specification. @see https://github.com/microsoft/TypeScript/issues/11842
 			'unicorn/prefer-keyboard-event-key': 'error',
@@ -1116,7 +1126,6 @@ export default [
 			'unicorn/prefer-native-coercion-functions': 'off',
 			'unicorn/prefer-negative-index': 'error',
 			'unicorn/prefer-number-properties': 'error',
-			'unicorn/prefer-object-has-own': 'off', // Not widely supported yet. Can be activated in 2024
 			'unicorn/prefer-object-from-entries': 'error',
 			'unicorn/prefer-optional-catch-binding': 'error',
 			'unicorn/prefer-prototype-methods': 'error',
@@ -1124,6 +1133,7 @@ export default [
 			'unicorn/prefer-reflect-apply': 'error',
 			'unicorn/prefer-set-has': 'error',
 			'unicorn/prefer-set-size': 'error',
+			'unicorn/prefer-single-call': 'error',
 			'unicorn/prefer-spread': 'off', // @todo Disabled till there a solution for the warning, that `slice()` on Typed-Arrays should be replaced (which is not possible). @see https://github.com/sindresorhus/eslint-plugin-unicorn/issues/1064
 			'unicorn/prefer-string-raw': 'off', // The overhead of writing String.raw`...` is not worth the inconsistency in writing strings
 			'unicorn/prefer-string-replace-all': 'off', // @todo Available since 2020 in browsers. Should this be preferred?
@@ -1133,7 +1143,7 @@ export default [
 			'unicorn/prefer-structured-clone': 'error',
 			'unicorn/prefer-switch': 'error',
 			'unicorn/prefer-ternary': 'off', // We prefer readability over saving a few chars
-			'unicorn/prefer-top-level-await': 'off', // @todo Available since 2021. Activate in 2024
+			'unicorn/prefer-top-level-await': 'error',
 			'unicorn/prefer-regexp-test': 'error',
 			'unicorn/prefer-type-error': 'error',
 			'unicorn/prevent-abbreviations': ['error', { ignore: ['args', 'i', 'j', 'i18n', /[Rr]ef/u, /[Pp]arams/u, /[Pp]rops/u] }],

package/eslint/type-declarations.mjs

@@ -36,14 +36,17 @@ export default [
 		}
 	},
 	{
-		files: ['**/*.scss.d.ts'],
+		files: [
+			'**/*.css.d.ts',
+			'**/*.scss.d.ts'
+		],
 		rules: {
 			/**
 			 * eslint
 			 *
 			 * @see https://eslint.org/docs/rules/
 			 */
-			'linebreak-style': 'off' // Ignore for automatically generated .scss.d.ts files, since that does not affect the project.
+			'linebreak-style': 'off' // Ignore for automatically generated .(s)css.d.ts files, since that does not affect the project.
 		}
 	}
 ];

package/helper/linter-bundle-config.d.ts

@@ -58,6 +58,10 @@ export interface LinterBundleConfig {
 			/* eslint-enable @typescript-eslint/naming-convention */
 		};
 	};
+	css?: {
+		patternPrefix?: string;
+	};
+	/** @deprecated */
 	sass?: {
 		patternPrefix?: string;
 	};

package/lint.js

@@ -23,7 +23,7 @@ const require = createRequire(import.meta.url);
 const dirname = path.dirname(fileURLToPath(import.meta.url));
 
 /**
- * @typedef {'files' | 'tsc' | 'ts' | 'sass' | 'md' | 'audit'} TaskNames
+ * @typedef {'files' | 'tsc' | 'ts' | 'css' | 'sass' | 'md' | 'audit'} TaskNames
  * @typedef {Partial<Record<string, (string | boolean)[]>>} TaskConfig
  * @typedef {import('./helper/run-process.js').ProcessResult} ProcessResult
  * @typedef {{ taskName: TaskNames; taskConfig: TaskConfig; }} TaskNameAndConfig
@@ -52,6 +52,7 @@ await (async () => {
 			case 'ts':
 				return runESLintTask(taskName, taskConfig);
 
+			case 'css':
 			case 'sass':
 				return runStylelintTask(taskName, taskConfig);
 
@@ -214,7 +215,7 @@ async function runESLintTask (taskName, taskConfig) {
 }
 
 /**
- * Runs the `sass` task.
+ * Runs the `css` task.
  *
  * @param {TaskNameAndConfig['taskName']} taskName - Name of the task as used in the command line
  * @param {TaskNameAndConfig['taskConfig']} taskConfig - Configuration of the task
@@ -227,7 +228,7 @@ async function runStylelintTask (taskName, taskConfig) {
 		verbose: getConfigValue(taskName, taskConfig, 'verbose')
 	};
 
-	const includes = await getIncludes(newTaskConfig, 'src/**/*.scss');
+	const includes = await getIncludes(newTaskConfig, 'src/**/*.{css,scss}');
 
 	if (!includes) {
 		return generateDummyJobOutput(taskName, newTaskConfig, {
@@ -415,7 +416,7 @@ async function validateEnvironment () {
  * @throws {Error} If no task has be specified in the arguments
  */
 function getTasksToRun (argv) {
-	const TASKS = new Set(['tsc', 'ts', 'sass', 'md', 'audit', 'files']);
+	const TASKS = new Set(['tsc', 'ts', 'css', 'sass', 'md', 'audit', 'files']);
 	const ARG_REGEXP = /^--([^=]+)(?:=(.+))?$/u;
 
 	/** @type {TaskNameAndConfig | null} */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "linter-bundle",
-	"version": "7.5.0",
+	"version": "7.6.0",
 	"type": "module",
 	"description": "Ready-to use bundle of linting tools, containing configurations for ESLint, stylelint and markdownlint.",
 	"keywords": [
@@ -15,7 +15,8 @@
 		"react",
 		"react-hooks",
 		"unicorn",
-		"scss"
+		"scss",
+		"css"
 	],
 	"author": "Jens Duttke <github@duttke.de> (https://github.com/jens-duttke)",
 	"license": "MIT",
@@ -43,32 +44,32 @@
 	"dependencies": {
 		"@stylistic/eslint-plugin": "4.2.0",
 		"@stylistic/eslint-plugin-jsx": "4.2.0",
-		"eslint": "9.24.0",
+		"eslint": "9.26.0",
 		"eslint-formatter-unix": "8.40.0",
-		"eslint-import-resolver-typescript": "4.3.2",
+		"eslint-import-resolver-typescript": "4.3.4",
 		"eslint-import-resolver-webpack": "0.13.10",
 		"eslint-plugin-eslint-comments": "3.2.0",
 		"eslint-plugin-functional": "9.0.1",
 		"eslint-plugin-import": "2.31.0",
 		"eslint-plugin-jest": "28.11.0",
-		"eslint-plugin-jsdoc": "50.6.9",
+		"eslint-plugin-jsdoc": "50.6.17",
 		"eslint-plugin-jsx-a11y": "6.10.2",
-		"eslint-plugin-n": "17.17.0",
+		"eslint-plugin-n": "17.18.0",
 		"eslint-plugin-promise": "7.2.1",
 		"eslint-plugin-react": "7.37.5",
 		"eslint-plugin-react-hooks": "5.2.0",
-		"eslint-plugin-unicorn": "58.0.0",
-		"globals": "16.0.0",
+		"eslint-plugin-unicorn": "59.0.1",
+		"globals": "16.1.0",
 		"markdownlint-cli": "0.44.0",
 		"micromatch": "4.0.8",
 		"postcss-scss": "4.0.9",
-		"stylelint": "16.18.0",
+		"stylelint": "16.19.1",
 		"stylelint-declaration-block-no-ignored-properties": "2.8.0",
 		"stylelint-high-performance-animation": "1.11.0",
-		"stylelint-order": "6.0.4",
-		"stylelint-scss": "6.11.1",
+		"stylelint-order": "7.0.0",
+		"stylelint-scss": "6.12.0",
 		"stylelint-use-logical-spec": "5.0.1",
-		"typescript-eslint": "8.29.1"
+		"typescript-eslint": "8.32.1"
 	},
 	"peerDependencies": {
 		"@typescript-eslint/utils": "*",
@@ -78,7 +79,7 @@
 	"devDependencies": {
 		"@types/eslint": "9.6.1",
 		"@types/micromatch": "4.0.9",
-		"@types/node": "22.14.0",
+		"@types/node": "22.15.18",
 		"stylelint-find-new-rules": "5.0.0",
 		"typescript": "5.8.3"
 	}

package/stylelint/index.mjs

@@ -4,6 +4,8 @@
 
 const { linterBundleConfig } = await import('../helper/linter-bundle-config.js');
 
+linterBundleConfig.css = (linterBundleConfig.sass ?? linterBundleConfig.css ?? {});
+
 export default {
 	reportNeedlessDisables: true,
 	reportInvalidScopeDisables: true,
@@ -130,6 +132,95 @@ export default {
 				 */
 				'plugin/selector-tag-no-without-class': ['/./']
 			}
+		},
+		{
+			files: ['**/*.scss'],
+			rules: {
+				/**
+				 * stylelint
+				 *
+				 * @see https://github.com/stylelint/stylelint/tree/master/lib/rules
+				 */
+				'at-rule-no-unknown': null, // scss/at-rule-no-unknown
+				'declaration-property-value-no-unknown': null, // Covered by scss/declaration-property-value-no-unknown
+				'function-no-unknown': null, // Implemented by scss/function-no-unknown
+				'property-no-unknown': null, // Covered by scss/property-no-unknown
+
+				/**
+				 * stylelint-scss
+				 *
+				 * @see https://www.npmjs.com/package/stylelint-scss
+				 */
+				'scss/at-each-key-value-single-line': true,
+				'scss/at-else-closing-brace-newline-after': 'always-last-in-chain',
+				'scss/at-else-closing-brace-space-after': 'never-intermediate',
+				'scss/at-else-empty-line-before': 'never',
+				'scss/at-else-if-parentheses-space-before': 'always',
+				'scss/at-extend-no-missing-placeholder': true,
+				'scss/function-calculation-no-interpolation': true,
+				'scss/at-function-named-arguments': ['never', { ignoreFunctions: ['scale-color', 'color.scale'] }],
+				'scss/at-function-parentheses-space-before': 'always',
+				'scss/at-function-pattern': '^[a-z]+(-[a-z]+)*$',
+				'scss/at-if-closing-brace-newline-after': 'always-last-in-chain',
+				'scss/at-if-closing-brace-space-after': 'never-intermediate',
+				'scss/at-if-no-null': true,
+				'scss/at-mixin-argumentless-call-parentheses': 'never',
+				'scss/at-mixin-named-arguments': ['always', { ignore: ['single-argument'] }],
+				'scss/at-mixin-no-risky-nesting-selector': true,
+				'scss/at-mixin-parentheses-space-before': 'always',
+				'scss/at-mixin-pattern': '^[a-z]+(-[a-z]+)*$',
+				'scss/at-root-no-redundant': true,
+				'scss/at-rule-conditional-no-parentheses': true,
+				'scss/at-rule-no-unknown': true,
+				'scss/at-use-no-unnamespaced': true,
+				'scss/comment-no-loud': true,
+				'scss/declaration-nested-properties-no-divided-groups': true,
+				'scss/declaration-nested-properties': 'never',
+				'scss/declaration-property-value-no-unknown': [
+					true,
+					{
+						ignoreProperties: {
+							'initial-value': /.+/u,
+							'grid-template-areas': /^\([^\u0000]+\)$/u, // Whole block wrapped in parentheses.
+							'/.+/': /((^|\s)\$[a-z])|/ui // SCSS variables
+						}
+					}
+				],
+				'scss/dimension-no-non-numeric-values': true,
+				'scss/dollar-variable-colon-space-after': 'always',
+				'scss/dollar-variable-colon-space-before': 'never',
+				'scss/dollar-variable-empty-line-before': [
+					'always',
+					{
+						except: ['first-nested', 'after-comment', 'after-dollar-variable']
+					}
+				],
+				'scss/dollar-variable-empty-line-after': [
+					'always',
+					{
+						except: ['last-nested', 'before-dollar-variable'],
+						ignore: ['before-comment', 'inside-single-line-block']
+					}
+				],
+				'scss/dollar-variable-first-in-block': [true, { ignore: ['comments', 'imports'] }],
+				'scss/dollar-variable-no-missing-interpolation': true,
+				'scss/dollar-variable-no-namespaced-assignment': true,
+				'scss/dollar-variable-pattern': '^[a-z]+(-[a-z]+)*$',
+				'scss/function-color-channel': true,
+				'scss/function-color-relative': true,
+				'scss/function-no-unknown': [true, { ignoreFunctions: [/^custom-/u] }],
+				'scss/function-quote-no-quoted-strings-inside': true,
+				'scss/function-unquote-no-unquoted-strings-inside': true,
+				'scss/load-partial-extension': 'always',
+				'scss/map-keys-quotes': 'always',
+				'scss/media-feature-value-dollar-variable': 'never',
+				'scss/no-duplicate-dollar-variables': true,
+				'scss/no-duplicate-mixins': true,
+				'scss/no-global-function-names': true,
+				'scss/no-unused-private-members': true,
+				'scss/percent-placeholder-pattern': '^[a-z]+(-[a-z]+)*$',
+				'scss/selector-no-union-class-name': true
+			}
 		}
 	],
 	rules: {
@@ -157,7 +248,7 @@ export default {
 			}
 		],
 		'at-rule-no-deprecated': true,
-		'at-rule-no-unknown': null, // scss/at-rule-no-unknown
+		'at-rule-no-unknown': true,
 		'at-rule-no-vendor-prefix': true,
 		'at-rule-prelude-no-invalid': true,
 		'at-rule-property-required-list': [{
@@ -170,7 +261,7 @@ export default {
 				ignore: ['with-var-inside']
 			}
 		],
-		'color-hex-alpha': null, // @todo Not widely supported yet. Activate in 2024.
+		'color-hex-alpha': null, // Alpha values should only be used if necessary
 		'color-hex-length': 'short',
 		'color-named': 'never',
 		'color-no-hex': true,
@@ -186,11 +277,11 @@ export default {
 		'comment-pattern': /^[^\s].+[^\s]$/u,
 		'comment-whitespace-inside': 'always',
 		'comment-word-disallowed-list': null,
-		'container-name-pattern': (linterBundleConfig.sass?.patternPrefix ? `${linterBundleConfig.sass.patternPrefix}-[a-z][a-zA-Z]+(-[a-z][a-zA-Z]+\\d*)+` : null),
-		'custom-media-pattern': (linterBundleConfig.sass?.patternPrefix ? `${linterBundleConfig.sass.patternPrefix}-[a-z][a-zA-Z]+(-[a-z][a-zA-Z]+\\d*)+` : null),
+		'container-name-pattern': (linterBundleConfig.css.patternPrefix ? `${linterBundleConfig.css.patternPrefix}-[a-z][a-zA-Z]+(-[a-z][a-zA-Z]+\\d*)+` : null),
+		'custom-media-pattern': (linterBundleConfig.css.patternPrefix ? `${linterBundleConfig.css.patternPrefix}-[a-z][a-zA-Z]+(-[a-z][a-zA-Z]+\\d*)+` : null),
 		'custom-property-empty-line-before': null, // Empty lines between custom properties are optional
 		'custom-property-no-missing-var-function': true,
-		'custom-property-pattern': (linterBundleConfig.sass?.patternPrefix ? `${linterBundleConfig.sass.patternPrefix}-[a-z][a-zA-Z]+(-[a-z][a-zA-Z]+\\d*)*` : null),
+		'custom-property-pattern': (linterBundleConfig.css.patternPrefix ? `${linterBundleConfig.css.patternPrefix}-[a-z][a-zA-Z]+(-[a-z][a-zA-Z]+\\d*)*` : null),
 		'declaration-block-no-duplicate-custom-properties': true,
 		'declaration-block-no-duplicate-properties': [
 			true,
@@ -228,7 +319,7 @@ export default {
 		'declaration-property-value-allowed-list': null,
 		'declaration-property-value-disallowed-list': null,
 		'declaration-property-value-keyword-no-deprecated': true,
-		'declaration-property-value-no-unknown': null, // Covered by scss/declaration-property-value-no-unknown
+		'declaration-property-value-no-unknown': true,
 		'font-family-name-quotes': 'always-where-recommended',
 		'font-family-no-duplicate-names': true,
 		'font-family-no-missing-generic-family-keyword': true,
@@ -238,7 +329,7 @@ export default {
 		'function-disallowed-list': null,
 		'function-linear-gradient-no-nonstandard-direction': true,
 		'function-name-case': 'lower',
-		'function-no-unknown': null, // Implemented by scss/function-no-unknown
+		'function-no-unknown': true,
 		'function-url-no-scheme-relative': true,
 		'function-url-quotes': 'always',
 		'function-url-scheme-disallowed-list': null,
@@ -250,7 +341,7 @@ export default {
 		'keyframe-declaration-no-important': true,
 		'keyframe-selector-notation': 'percentage',
 		'keyframes-name-pattern': String.raw`^[a-z]+(-[a-z]+)*\d*$`,
-		'layer-name-pattern': (linterBundleConfig.sass?.patternPrefix ? `${linterBundleConfig.sass.patternPrefix}-[a-z][a-zA-Z]+(-[a-z][a-zA-Z]+\\d*)+` : null),
+		'layer-name-pattern': (linterBundleConfig.css.patternPrefix ? `${linterBundleConfig.css.patternPrefix}-[a-z][a-zA-Z]+(-[a-z][a-zA-Z]+\\d*)+` : null),
 		'length-zero-no-unit': true,
 		'max-nesting-depth': 6,
 		'media-feature-name-allowed-list': null,
@@ -279,7 +370,7 @@ export default {
 			'font', // Shorthand property is to complex
 			'grid-gap' // @deprecated Use gap.
 		],
-		'property-no-unknown': null, // Covered by scss/property-no-unknown
+		'property-no-unknown': true,
 		'property-no-vendor-prefix': true,
 		'rule-selector-property-disallowed-list': null,
 		'rule-empty-line-before': [
@@ -316,7 +407,7 @@ export default {
 		'selector-nested-pattern': null,
 		'selector-no-qualifying-type': [true, { ignore: ['attribute', 'class'] }],
 		'selector-no-vendor-prefix': true,
-		'selector-not-notation': null, // 'complex', @todo Reactivate in 2024. Disabled for now, because it depends on the project if modern Selectors Level 4 CSS can be used.
+		'selector-not-notation': 'complex',
 		'selector-pseudo-class-allowed-list': null,
 		'selector-pseudo-class-disallowed-list': null,
 		'selector-pseudo-class-no-unknown': [true, { ignorePseudoClasses: ['global'] }],
@@ -950,68 +1041,56 @@ export default {
 		 *
 		 * @see https://www.npmjs.com/package/stylelint-scss
 		 */
-		'scss/at-each-key-value-single-line': true,
-		'scss/at-else-closing-brace-newline-after': 'always-last-in-chain',
-		'scss/at-else-closing-brace-space-after': 'never-intermediate',
-		'scss/at-else-empty-line-before': 'never',
-		'scss/at-else-if-parentheses-space-before': 'always',
-		'scss/at-extend-no-missing-placeholder': true,
-		'scss/function-calculation-no-interpolation': true,
-		'scss/at-function-named-arguments': ['never', { ignoreFunctions: ['scale-color', 'color.scale'] }],
-		'scss/at-function-parentheses-space-before': 'always',
-		'scss/at-function-pattern': '^[a-z]+(-[a-z]+)*$',
-		'scss/at-if-closing-brace-newline-after': 'always-last-in-chain',
-		'scss/at-if-closing-brace-space-after': 'never-intermediate',
-		'scss/at-if-no-null': true,
+		'scss/at-each-key-value-single-line': null,
+		'scss/at-else-closing-brace-newline-after': null,
+		'scss/at-else-closing-brace-space-after': null,
+		'scss/at-else-empty-line-before': null,
+		'scss/at-else-if-parentheses-space-before': null,
+		'scss/at-extend-no-missing-placeholder': null,
+		'scss/function-calculation-no-interpolation': null,
+		'scss/at-function-named-arguments': null,
+		'scss/at-function-parentheses-space-before': null,
+		'scss/at-function-pattern': null,
+		'scss/at-if-closing-brace-newline-after': null,
+		'scss/at-if-closing-brace-space-after': null,
+		'scss/at-if-no-null': null,
 		'scss/at-import-partial-extension-allowed-list': null,
 		'scss/at-import-partial-extension-disallowed-list': null,
-		'scss/at-mixin-argumentless-call-parentheses': 'never',
-		'scss/at-mixin-named-arguments': ['always', { ignore: ['single-argument'] }],
-		'scss/at-mixin-no-risky-nesting-selector': true,
-		'scss/at-mixin-parentheses-space-before': 'always',
-		'scss/at-mixin-pattern': '^[a-z]+(-[a-z]+)*$',
-		'scss/at-root-no-redundant': true,
-		'scss/at-rule-conditional-no-parentheses': true,
-		'scss/at-rule-no-unknown': true,
-		'scss/at-use-no-unnamespaced': true,
+		'scss/at-mixin-argumentless-call-parentheses': null,
+		'scss/at-mixin-named-arguments': null,
+		'scss/at-mixin-no-risky-nesting-selector': null,
+		'scss/at-mixin-parentheses-space-before': null,
+		'scss/at-mixin-pattern': null,
+		'scss/at-root-no-redundant': null,
+		'scss/at-rule-conditional-no-parentheses': null,
+		'scss/at-rule-no-unknown': null,
+		'scss/at-use-no-unnamespaced': null,
 		'scss/at-use-no-redundant-alias': null,
 		'scss/block-no-redundant-nesting': null,
 		'scss/comment-no-empty': true,
-		'scss/comment-no-loud': true,
-		'scss/declaration-nested-properties-no-divided-groups': true,
-		'scss/declaration-nested-properties': 'never',
+		'scss/comment-no-loud': null,
+		'scss/declaration-nested-properties-no-divided-groups': null,
+		'scss/declaration-nested-properties': null,
 		'scss/declaration-property-value-no-unknown': [
 			true,
 			{
 				ignoreProperties: {
 					'initial-value': /.+/u,
-					'grid-template-areas': /^\([^\u0000]+\)$/u, // Whole block wrapped in parentheses.
-					'/.+/': /((^|\s)\$[a-z])|/ui // SCSS variables
+					'grid-template-areas': /^\([^\u0000]+\)$/u // Whole block wrapped in parentheses.
 				}
 			}
 		],
-		'scss/dimension-no-non-numeric-values': true,
+		'scss/dimension-no-non-numeric-values': null,
 		'scss/dollar-variable-colon-newline-after': null,
-		'scss/dollar-variable-colon-space-after': 'always',
-		'scss/dollar-variable-colon-space-before': 'never',
+		'scss/dollar-variable-colon-space-after': null,
+		'scss/dollar-variable-colon-space-before': null,
 		'scss/dollar-variable-default': null,
-		'scss/dollar-variable-empty-line-before': [
-			'always',
-			{
-				except: ['first-nested', 'after-comment', 'after-dollar-variable']
-			}
-		],
-		'scss/dollar-variable-empty-line-after': [
-			'always',
-			{
-				except: ['last-nested', 'before-dollar-variable'],
-				ignore: ['before-comment', 'inside-single-line-block']
-			}
-		],
-		'scss/dollar-variable-first-in-block': [true, { ignore: ['comments', 'imports'] }],
-		'scss/dollar-variable-no-missing-interpolation': true,
-		'scss/dollar-variable-no-namespaced-assignment': true,
-		'scss/dollar-variable-pattern': '^[a-z]+(-[a-z]+)*$',
+		'scss/dollar-variable-empty-line-before': null,
+		'scss/dollar-variable-empty-line-after': null,
+		'scss/dollar-variable-first-in-block': null,
+		'scss/dollar-variable-no-missing-interpolation': null,
+		'scss/dollar-variable-no-namespaced-assignment': null,
+		'scss/dollar-variable-pattern': null,
 		'scss/double-slash-comment-empty-line-before': [
 			'always',
 			{
@@ -1021,31 +1100,31 @@ export default {
 		],
 		'scss/double-slash-comment-inline': null,
 		'scss/double-slash-comment-whitespace-inside': 'always',
-		'scss/function-color-channel': true,
-		'scss/function-color-relative': true,
+		'scss/function-color-channel': null,
+		'scss/function-color-relative': null,
 		'scss/function-disallowed-list': null,
-		'scss/function-no-unknown': [true, { ignoreFunctions: [/^custom-/u] }],
-		'scss/function-quote-no-quoted-strings-inside': true,
-		'scss/function-unquote-no-unquoted-strings-inside': true,
+		'scss/function-no-unknown': null,
+		'scss/function-quote-no-quoted-strings-inside': null,
+		'scss/function-unquote-no-unquoted-strings-inside': null,
 		'scss/load-no-partial-leading-underscore': null,
-		'scss/load-partial-extension': 'always',
-		'scss/map-keys-quotes': 'always',
-		'scss/media-feature-value-dollar-variable': 'never',
+		'scss/load-partial-extension': null,
+		'scss/map-keys-quotes': null,
+		'scss/media-feature-value-dollar-variable': null,
 		'scss/no-dollar-variables': null,
-		'scss/no-duplicate-dollar-variables': true,
+		'scss/no-duplicate-dollar-variables': null,
 		'scss/no-duplicate-load-rules': true,
-		'scss/no-duplicate-mixins': true,
-		'scss/no-global-function-names': true,
-		'scss/no-unused-private-members': true,
+		'scss/no-duplicate-mixins': null,
+		'scss/no-global-function-names': null,
+		'scss/no-unused-private-members': null,
 		'scss/operator-no-newline-after': true,
 		'scss/operator-no-newline-before': true,
 		'scss/operator-no-unspaced': true,
 		'scss/partial-no-import': null,
-		'scss/percent-placeholder-pattern': '^[a-z]+(-[a-z]+)*$',
+		'scss/percent-placeholder-pattern': null,
 		'scss/property-no-unknown': true,
 		'scss/selector-nest-combinators': null, // Sometimes nesting does not make sense
 		'scss/selector-no-redundant-nesting-selector': true,
-		'scss/selector-no-union-class-name': true,
+		'scss/selector-no-union-class-name': null,
 
 		/**
 		 * stylelint-selector-no-empty

package/stylelint/plugins/stylelint-15.11.0-stylistic/rules/declarationColonSpaceChecker.mjs

@@ -41,8 +41,8 @@ export default function declarationColonSpaceChecker (options) {
 					report({
 						message,
 						node: decl,
-						index: decl.prop.toString().length + 1,
-						endIndex: decl.prop.toString().length + 1,
+						index: decl.prop.length + 1,
+						endIndex: decl.prop.length + 1,
 						result: options.result,
 						ruleName: options.checkedRuleName,
 						fix: (options.fix ? () => options.fix(decl, i) : undefined)