Merge pull request #3272 from nextcloud/chore/sass-import

chore: change deprecated sass @import rules to @use rules for markdownOutput mixin

Author: Chartman123

src/components/Questions/Question.vue

@@ -400,7 +400,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '../../scssmixins/markdownOutput';
+@use '../../scssmixins/markdownOutput' as *;
 
 .question {
 	position: relative;

src/components/SidebarTabs/SettingsSidebarTab.vue

@@ -505,6 +505,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@use '../../scssmixins/markdownOutput' as *;
+
 #expiresDatetimePicker {
 	width: calc(100% - var(--default-clickable-area));
 }
@@ -536,7 +538,7 @@ export default {
 	}
 
 	&__output {
-		@import '../../scssmixins/markdownOutput';
+		@include markdown-output;
 
 		padding: 12px;
 		margin-block: 3px;
@@ -546,8 +548,6 @@ export default {
 		&:hover {
 			border-color: var(--color-primary-element);
 		}
-
-		@include markdown-output;
 	}
 }
 </style>

src/views/Create.vue

@@ -633,8 +633,6 @@ export default {
 </style>
 
 <style lang="scss" scoped>
-@import '../scssmixins/markdownOutput';
-
 .emptycontent {
 	display: flex;
 	height: 100%;

src/views/Submit.vue

@@ -901,7 +901,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '../scssmixins/markdownOutput';
+@use '../scssmixins/markdownOutput' as *;
 
 .forms-emptycontent {
 	height: 100%;