chore(deps-dev): bump stylelint-config-standard-scss from 15.0.1 to 16.0.0 in the stylelint group (#4960)

* chore(deps-dev): bump stylelint-config-standard-scss

Bumps the stylelint group with 1 update: [stylelint-config-standard-scss](https://github.com/stylelint-scss/stylelint-config-standard-scss).


Updates `stylelint-config-standard-scss` from 15.0.1 to 16.0.0
- [Release notes](https://github.com/stylelint-scss/stylelint-config-standard-scss/releases)
- [Changelog](https://github.com/stylelint-scss/stylelint-config-standard-scss/blob/main/CHANGELOG.md)
- [Commits](stylelint-scss/stylelint-config-standard-scss@v15.0.1...v16.0.0)

---
updated-dependencies:
- dependency-name: stylelint-config-standard-scss
  dependency-version: 16.0.0
  dependency-type: direct:development
  update-type: version-update:semver-major
  dependency-group: stylelint
...

Signed-off-by: dependabot[bot] <support@github.com>

* refactor: stylelint feedback

---------

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Maximilian Franzke <maximilian.franzke@deutschebahn.com>

Author: dependabot[bot]

package-lock.json

@@ -128,7 +128,7 @@
     "rimraf": "6.0.1",
     "rxjs": "7.8.2",
     "stylelint": "16.24.0",
-    "stylelint-config-standard-scss": "^15.0.1",
+    "stylelint-config-standard-scss": "^16.0.0",
     "stylelint-use-logical": "2.1.2",
     "tslib": "2.8.1",
     "tsx": "4.20.5",

package.json

@@ -80,7 +80,7 @@ $spacings: (
 );
 
 @mixin get-spacing($spacing) {
-	/* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector */
+	/* stylelint-disable-next-line block-no-redundant-nested-style-rules */
 	& {
 		padding-block: map.get($spacing, "block");
 	}

packages/components/src/components/drawer/drawer.scss

@@ -306,7 +306,7 @@ $input-valid-types:
 	// base inline size for inputs without icons
 	min-inline-size: $db-min-inline-size;
 
-	/* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector */
+	/* stylelint-disable-next-line block-no-redundant-nested-style-rules */
 	& {
 		--db-form-has-before: 0;
 

packages/components/src/styles/internal/_form-components.scss

@@ -4,7 +4,9 @@
 	/* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
 	@layer #{helpers.$layer-variables} {
 		/* Those variables are only for components to calculate heights and change icons */
+		// stylelint-disable-next-line no-invalid-position-declaration
 		--db-icon-font-weight: var(--db-base-body-icon-weight-#{$size});
+		// stylelint-disable-next-line no-invalid-position-declaration
 		--db-icon-font-size: var(--db-base-body-icon-font-size-#{$size});
 	}
 }
@@ -17,7 +19,9 @@
 	/* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
 	@layer #{helpers.$layer-variables} {
 		/* Those variables are only for components to calculate heights and change icons */
+		// stylelint-disable-next-line no-invalid-position-declaration
 		--db-icon-font-weight: var(--db-base-headline-icon-weight-#{$size});
+		// stylelint-disable-next-line no-invalid-position-declaration
 		--db-icon-font-size: var(--db-base-headline-icon-font-size-#{$size});
 	}
 }

packages/foundations/scss/fonts/_font-sizes.scss

@@ -1,4 +1,5 @@
 %a11y-visually-hidden {
+	// stylelint-disable-next-line property-no-deprecated
 	clip: rect(0, 0, 0, 0) !important;
 	overflow: hidden !important;
 	white-space: nowrap !important;

packages/foundations/scss/helpers/_a11y.scss

@@ -44,7 +44,7 @@
 	@media (forced-colors: active) {
 		// border is the better implementation, but border height changes in windows based on pixel density
 		// we use it as a fallback for color contrast
-		/* stylelint-disable-next-line db-ux/use-border-color */
+		/* stylelint-disable-next-line no-invalid-position-declaration, db-ux/use-border-color */
 		border: variables.$db-border-width-3xs solid var(--db-divider-bg-color);
 	}
 }

packages/foundations/scss/helpers/_divider.scss

@@ -12,6 +12,7 @@
 		var(--db-focus-box-shadow-bg-color, transparent);
 
 	@media screen and (prefers-reduced-motion: no-preference) {
+		// stylelint-disable-next-line no-invalid-position-declaration
 		transition:
 			outline #{variables.$db-transition-duration-extra-fast},
 			box-shadow #{variables.$db-transition-duration-extra-fast};

packages/foundations/scss/helpers/_focus.scss

@@ -43,8 +43,9 @@ $default-icon-font-size: var(--db-icon-font-size, #{$default-icon-size-rem});
 	content: $icon;
 
 	// Hiding icon from screenreaders, https://www.w3.org/TR/css-content-3/#alt
-	// TODO: remove the @support wrapper as soon as we drop our partly-support for Firefox < version 128 (Enterprise ESR / Extended Support Release; expected to end in 2025, September / https://whattrainisitnow.com/calendar/)
+	// TODO: remove the @support wrapper as soon as we drop our partly-support for Firefox < version 128 (Enterprise ESR / Extended Support Release; expected to end in 2026, March / https://whattrainisitnow.com/calendar/)
 	@supports (content: ""/"") {
+		// stylelint-disable-next-line no-invalid-position-declaration
 		content: $icon / "";
 	}
 }
@@ -156,10 +157,12 @@ $default-icon-font-size: var(--db-icon-font-size, #{$default-icon-size-rem});
 	@include icon-content($default-icon-content); // TODO: ONLY FOR data-icon
 
 	// Hiding icon from screenreaders
+	// stylelint-disable-next-line media-type-no-deprecated
 	@media aural {
 		content: none;
 	}
 
+	// stylelint-disable-next-line media-type-no-deprecated
 	@media speech {
 		content: none;
 	}

packages/foundations/scss/icons/_icon-helpers.scss

@@ -36,7 +36,7 @@
     "postcss": "8.5.6",
     "postcss-html": "1.8.0",
     "stylelint-config-standard": "39.0.0",
-    "stylelint-config-standard-scss": "15.0.1",
+    "stylelint-config-standard-scss": "16.0.0",
     "stylelint-config-standard-vue": "1.0.0",
     "typescript": "5.8.3",
     "vitest": "3.2.4"