chore: update to stylelint-config-recommended-scss (#4505)

Author: nmerget

.stylelintrc.json

@@ -1,7 +1,7 @@
 {
 	"extends": [
 		"stylelint-config-standard",
-		"stylelint-config-sass-guidelines"
+		"stylelint-config-recommended-scss"
 	],
 	"plugins": [
 		"stylelint-use-logical",
@@ -31,42 +31,9 @@
 		"a11y/no-outline-none": true,
 		"a11y/selector-pseudo-class-focus": true,
 		"csstools/use-logical": ["always", { "except": ["float"] }],
-		"max-nesting-depth": null,
-		"scss/dollar-variable-colon-space-after": null,
 		"selector-type-no-unknown": [true, { "ignoreTypes": ["/^db/"] }],
 		"no-descending-specificity": null,
-		"selector-max-compound-selectors": null,
-		"selector-no-qualifying-type": [
-			true,
-			{
-				"ignore": ["attribute"]
-			}
-		],
 		"number-max-precision": null,
-		"annotation-no-unknown": [
-			true,
-			{
-				"ignoreAnnotations": ["default", "global"]
-			}
-		],
-		"declaration-property-value-no-unknown": true,
-		"@stylistic/block-opening-brace-space-before": null,
-		"@stylistic/color-hex-case": null,
-		"@stylistic/declaration-bang-space-after": null,
-		"@stylistic/declaration-bang-space-before": null,
-		"@stylistic/declaration-block-semicolon-newline-after": null,
-		"@stylistic/declaration-block-semicolon-space-before": null,
-		"@stylistic/declaration-block-trailing-semicolon": null,
-		"@stylistic/declaration-colon-space-after": null,
-		"@stylistic/declaration-colon-space-before": null,
-		"@stylistic/function-comma-space-after": null,
-		"@stylistic/function-parentheses-space-inside": null,
-		"@stylistic/indentation": null,
-		"@stylistic/media-feature-parentheses-space-inside": null,
-		"@stylistic/no-missing-end-of-source-newline": null,
-		"@stylistic/number-leading-zero": null,
-		"@stylistic/number-no-trailing-zeros": null,
-		"@stylistic/selector-list-comma-newline-after": null,
-		"@stylistic/string-quotes": null
+		"scss/operator-no-newline-after": null
 	}
 }

docs/how-to-develop-a-component.md

@@ -63,7 +63,6 @@ We use [Mitosis](https://github.com/BuilderIO/Mitosis/tree/main/docs) to develop
 3. Try to parameterize a lot: For example if your component includes an icon button you should give it a text for accessibility. You should provide a default text, so it can't be empty, but you should also let the user change it with a property e.g. `iconButtonText`.
 4. To enable some native functionalities for Vue and Angular (`v-model` and `[(ng-model)]`) you might need to add some extra code to your component. At the generation process you might select `formValue` anyhow, but otherwise take a look at the `input` to see what you need to add to make this work.
 5. Angular can be challenging; here are some issues to be aware of:
-
     1. Angular generates custom HTML tags as wrappers, which may affect your `CSS` selectors. For example if we have a button inside our component and we try to change the styling with `.db-button: {xxx:abc;}` it would not add the styling to the button. As a workaround you should write `.db-button, .db-button > button: {xxx:abc;}` to cover Angular as well:
 
     ```html

docs/research/table.md

@@ -32,7 +32,6 @@ Across the surveyed design systems, there is a kind of pattern for tables:
     This ensures maximum accessibility out of the box, since screen readers and keyboard users already understand native table structures.
 
 2. **Progressive Enhancement of Interactivity**
-
     - **Static by Default**: Some systems stick to purely static tables with CSS-based styling (striped rows, borders) and responsive wrappers for horizontal scrolling. Those have no built-in interactivity (sorting, pagination, etc.).
     - **Developer-Driven Features**: Several systems provide core table markup plus optional wrappers or slots for sorting, sticky headers, and scroll controls, leaving the actual user-driven logic to the implementer.
     - **Built-in Data Tables**: Other systems offer rich, pre-wired data table components with pagination, sorting, row selection, expandable rows, and more. These components manage state, callbacks, and ARIA attributes internally.