Fix some stylelint warnings

Signed-off-by: marco <marcoambrosini@pm.me>

src/components/ConversationIcon.vue

@@ -143,7 +143,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@use 'sass:math';
 $icon-size: 44px;
 
 .conversation-icon {
@@ -155,7 +154,7 @@ $icon-size: 44px;
 		width: $icon-size;
 		height: $icon-size;
 		line-height: $icon-size;
-		font-size: math.div($icon-size, 2);
+		font-size: calc($icon-size / 2);
 		background-color: var(--color-background-darker);
 
 		&.icon-changelog {
@@ -167,7 +166,7 @@ $icon-size: 44px;
 		&.icon-password,
 		&.icon-file,
 		&.icon-mail {
-			background-size: math.div($icon-size, 2);
+			background-size: calc($icon-size / 2);
 		}
 	}
 

src/components/NewMessageForm/AdvancedInput/AdvancedInput.vue

@@ -409,7 +409,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@use 'sass:math';
 @import '../../../assets/variables';
 
 .atwho-wrapper {
@@ -431,7 +430,7 @@ div[contenteditable] {
 	font-size: $chat-font-size;
 	line-height: $chat-line-height;
 	min-height: $clickable-area;
-	border-radius: math.div($clickable-area, 2);
+	border-radius: calc($clickable-area / 2);
 	border: 1px solid var(--color-border-dark);
 	max-height: 180px;
 	overflow-y: auto;

stylelint.config.js

@@ -2,4 +2,10 @@ const stylelintConfig = require('@nextcloud/stylelint-config')
 
 stylelintConfig.ignoreFiles = ['css/At.scss']
 
+stylelintConfig.rules['at-rule-no-unknown'] = [
+	true, {
+		ignoreAtRules: ['include', 'mixin', 'use'],
+	},
+]
+
 module.exports = stylelintConfig