Mark SCSS at keywords as CompletionItemKind.Keyword. Fix microsoft/vscode#50803

Author: octref

src/services/scssCompletion.ts

@@ -125,57 +125,68 @@ export class SCSSCompletion extends CSSCompletion {
 	private static scssAtDirectives = [
 		{
 			label: "@extend",
-			documentation: localize("scss.builtin.@extend", "Inherits the styles of another selector.")
+			documentation: localize("scss.builtin.@extend", "Inherits the styles of another selector."),
+			kind: CompletionItemKind.Keyword
 		},
 		{
 			label: "@at-root",
-			documentation: localize("scss.builtin.@at-root", "Causes one or more rules to be emitted at the root of the document.")
+			documentation: localize("scss.builtin.@at-root", "Causes one or more rules to be emitted at the root of the document."),
+			kind: CompletionItemKind.Keyword
 		},
 		{
 			label: "@debug",
-			documentation: localize("scss.builtin.@debug", "Prints the value of an expression to the standard error output stream. Useful for debugging complicated Sass files.")
+			documentation: localize("scss.builtin.@debug", "Prints the value of an expression to the standard error output stream. Useful for debugging complicated Sass files."),
+			kind: CompletionItemKind.Keyword
 		},
 		{
 			label: "@warn",
-			documentation: localize("scss.builtin.@warn", "Prints the value of an expression to the standard error output stream. Useful for libraries that need to warn users of deprecations or recovering from minor mixin usage mistakes. Warnings can be turned off with the `--quiet` command-line option or the `:quiet` Sass option.")
+			documentation: localize("scss.builtin.@warn", "Prints the value of an expression to the standard error output stream. Useful for libraries that need to warn users of deprecations or recovering from minor mixin usage mistakes. Warnings can be turned off with the `--quiet` command-line option or the `:quiet` Sass option."),
+			kind: CompletionItemKind.Keyword
 		},
 		{
 			label: "@error",
-			documentation: localize("scss.builtin.@error", "Throws the value of an expression as a fatal error with stack trace. Useful for validating arguments to mixins and functions.")
+			documentation: localize("scss.builtin.@error", "Throws the value of an expression as a fatal error with stack trace. Useful for validating arguments to mixins and functions."),
+			kind: CompletionItemKind.Keyword
 		},
 		{
 			label: "@if",
 			documentation: localize("scss.builtin.@if", "Includes the body if the expression does not evaluate to `false` or `null`."),
 			insertText: "@if ${1:expr} {\n\t$0\n}",
-			insertTextFormat: InsertTextFormat.Snippet
+			insertTextFormat: InsertTextFormat.Snippet,
+			kind: CompletionItemKind.Keyword
 		},
 		{
 			label: "@for",
 			documentation: localize("scss.builtin.@for", "For loop that repeatedly outputs a set of styles for each `$var` in the `from/through` or `from/to` clause.",),
 			insertText: "@for \\$${1:var} from ${2:start} ${3|to,through|} ${4:end} {\n\t$0\n}",
-			insertTextFormat: InsertTextFormat.Snippet
+			insertTextFormat: InsertTextFormat.Snippet,
+			kind: CompletionItemKind.Keyword
 		},
 		{
 			label: "@each",
 			documentation: localize("scss.builtin.@each", "Each loop that sets `$var` to each item in the list or map, then outputs the styles it contains using that value of `$var`.",),
 			insertText: "@each \\$${1:var} in ${2:list} {\n\t$0\n}",
-			insertTextFormat: InsertTextFormat.Snippet
+			insertTextFormat: InsertTextFormat.Snippet,
+			kind: CompletionItemKind.Keyword
 		},
 		{
 			label: "@while",
 			documentation: localize("scss.builtin.@while", "While loop that takes an expression and repeatedly outputs the nested styles until the statement evaluates to `false`.",),
 			insertText: "@while ${1:condition} {\n\t$0\n}",
-			insertTextFormat: InsertTextFormat.Snippet
+			insertTextFormat: InsertTextFormat.Snippet,
+			kind: CompletionItemKind.Keyword
 		},
 		{
 			label: "@mixin",
 			documentation: localize("scss.builtin.@mixin", "Defines styles that can be re-used throughout the stylesheet with `@include`.",),
 			insertText: "@mixin ${1:name} {\n\t$0\n}",
-			insertTextFormat: InsertTextFormat.Snippet
+			insertTextFormat: InsertTextFormat.Snippet,
+			kind: CompletionItemKind.Keyword
 		},
 		{
 			label: "@include",
-			documentation: localize("scss.builtin.@include", "Includes the styles defined by another mixin into the current rule.")
+			documentation: localize("scss.builtin.@include", "Includes the styles defined by another mixin into the current rule."),
+			kind: CompletionItemKind.Keyword
 		},
 	];