build(deps-dev): bump @nextcloud/stylelint-config from 3.1.1 to 3.2.0

apps/dav/src/components/AvailabilityForm.vue

@@ -151,8 +151,8 @@ async function save() {
 .grid-table {
 	display: grid;
 	margin-bottom: 32px;
-	grid-column-gap: 24px;
-	grid-row-gap: 6px;
+	column-gap: 24px;
+	row-gap: 6px;
 	grid-template-columns: min-content auto min-content;
 	max-width: 500px;
 }

apps/files/src/views/TemplatePicker.vue

@@ -351,7 +351,7 @@ export default defineComponent({
 
 	&__list {
 		display: grid;
-		grid-gap: calc(var(--margin) * 2);
+		gap: calc(var(--margin) * 2);
 		grid-auto-columns: 1fr;
 		// We want maximum 5 columns. Putting 6 as we don't count the grid gap. So it will always be lower than 6
 		max-width: calc(var(--fullwidth) * 6);

apps/oauth2/src/views/AdminSettings.vue

@@ -160,7 +160,7 @@ async function addClient() {
 		overflow: hidden;
 		padding: var(--default-grid-baseline);
 		text-wrap: wrap;
-		word-wrap: break-word;
+		overflow-wrap: break-word;
 	}
 
 	tbody tr {

apps/settings/css/settings.scss

@@ -3,9 +3,10 @@
  * SPDX-FileCopyrightText: 2011 Jan-Christoph Borchardt, http://jancborchardt.net
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-@use 'variables';
+
 @use 'sass:math';
-@use 'functions';
+@use 'variables.scss';
+@use 'functions.scss';
 
 input {
 	&#openid, &#webdav {
@@ -92,7 +93,7 @@ select {
 	padding: 20px;
 	max-width: 1700px;
 	grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
-	grid-column-gap: 10px;
+	column-gap: 10px;
 
 	.section {
 		padding: 10px 10px;

apps/settings/src/components/UserList.vue

@@ -395,7 +395,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@use './Users/shared/styles' as *;
+@use './Users/shared/styles.scss' as *;
 
 .empty {
 	:deep {

apps/settings/src/components/Users/UserListFooter.vue

@@ -86,7 +86,7 @@ export default Vue.extend({
 </script>
 
 <style lang="scss" scoped>
-@use './shared/styles';
+@use './shared/styles.scss';
 
 .footer {
 	@include styles.row;

apps/settings/src/components/Users/UserListHeader.vue

@@ -155,7 +155,7 @@ export default Vue.extend({
 </script>
 
 <style lang="scss" scoped>
-@use './shared/styles';
+@use './shared/styles.scss';
 
 .header {
 	border-bottom: 1px solid var(--color-border);

apps/settings/src/components/Users/UserRow.vue

@@ -1035,7 +1035,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@use './shared/styles';
+@use './shared/styles.scss';
 
 .user-list__row {
 	@include styles.row;

apps/theming/src/components/UserSectionBackground.vue

@@ -264,7 +264,7 @@ async function pickFile() {
 		width: 168px;
 		margin: var(--default-grid-baseline);
 		text-align: center;
-		word-wrap: break-word;
+		overflow-wrap: break-word;
 		hyphens: auto;
 		border: 2px solid var(--color-main-background);
 		border-radius: var(--border-radius-large);

apps/theming/src/components/UserSectionPrimaryColor.vue

@@ -146,7 +146,7 @@ function numberToHex(numeric: string): string {
 	height: 96px;
 	width: 168px;
 
-	word-wrap: break-word;
+	overflow-wrap: break-word;
 	hyphens: auto;
 
 	border: 2px solid var(--color-main-background);

apps/workflowengine/src/components/Operation.vue

@@ -43,5 +43,5 @@ export default {
 </script>
 
 <style scoped lang="scss">
-@use "./../styles/operation" as *;
+@use "./../styles/operation.scss" as *;
 </style>

apps/workflowengine/src/components/Workflow.vue

@@ -157,7 +157,7 @@ export default {
 </script>
 
 <style scoped lang="scss">
-	@use "./../styles/operation";
+	@use "./../styles/operation.scss";
 
 	#workflowengine {
 		border-bottom: 1px solid var(--color-border);

core/css/apps.scss

@@ -3,9 +3,10 @@
  * SPDX-FileCopyrightText: 2016 ownCloud, Inc.
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-@use 'variables';
+
 @use 'sass:math';
-@use 'functions';
+@use 'variables.scss';
+@use 'functions.scss';
 
 @media screen and (width < #{variables.$breakpoint-mobile}) {
 	// Make the body full width on mobile

core/css/exception.css

@@ -1,4 +1,4 @@
 /*!
  * SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
- */li{word-wrap:break-word}pre{white-space:pre-wrap;word-wrap:break-word}/*# sourceMappingURL=exception.css.map */
+ */li{overflow-wrap:break-word}pre{white-space:pre-wrap;overflow-wrap:break-word}/*# sourceMappingURL=exception.css.map */

core/css/exception.scss

@@ -4,10 +4,10 @@
  */
 
 li {
-	word-wrap: break-word;
+	overflow-wrap: break-word;
 }
 
 pre {
 	white-space: pre-wrap;
-	word-wrap: break-word;
+	overflow-wrap: break-word;
 }