SCSS: Added support for Sass modules (#2643)

Author: adamkudrna

components/prism-scss.js

@@ -41,7 +41,7 @@ Prism.languages.scss = Prism.languages.extend('css', {
 
 Prism.languages.insertBefore('scss', 'atrule', {
 	'keyword': [
-		/@(?:if|else(?: if)?|for|each|while|import|extend|debug|warn|mixin|include|function|return|content)/i,
+		/@(?:if|else(?: if)?|forward|for|each|while|import|use|extend|debug|warn|mixin|include|function|return|content)\b/i,
 		{
 			pattern: /( +)(?:from|through)(?= )/,
 			lookbehind: true
@@ -55,6 +55,10 @@ Prism.languages.insertBefore('scss', 'important', {
 });
 
 Prism.languages.insertBefore('scss', 'function', {
+	'module-modifier': {
+		pattern: /\b(?:as|with|show|hide)\b/i,
+		alias: 'keyword'
+	},
 	'placeholder': {
 		pattern: /%[-\w]+/,
 		alias: 'selector'

components/prism-scss.min.js

@@ -1,6 +1,6 @@
 @if @else if @else
 @for @each @while
-@import @extend
+@import @extend @use @forward
 @debug @warn @mixin
 @include @function
 @return @content
@@ -12,7 +12,7 @@
 [
 	["keyword", "@if"], ["keyword", "@else if"], ["keyword", "@else"],
 	["keyword", "@for"], ["keyword", "@each"], ["keyword", "@while"],
-	["keyword", "@import"], ["keyword", "@extend"],
+	["keyword", "@import"], ["keyword", "@extend"], ["keyword", "@use"], ["keyword", "@forward"],
 	["keyword", "@debug"], ["keyword", "@warn"], ["keyword", "@mixin"],
 	["keyword", "@include"], ["keyword", "@function"],
 	["keyword", "@return"], ["keyword", "@content"],

tests/languages/scss/keyword_feature.test

@@ -0,0 +1,17 @@
+@use "foo" as bar;
+@use "foo" with ($color: blue);
+@forward "foo" show bar;
+@forward "foo" hide baz;
+
+----------------------------------------------------
+
+[
+	["keyword", "@use"], ["string", "\"foo\""], ["module-modifier", "as"], " bar", ["punctuation", ";"],
+	["keyword", "@use"], ["string", "\"foo\""], ["module-modifier", "with"], ["punctuation", "("], ["property", [["variable", "$color"]]], ["punctuation", ":"], " blue", ["punctuation", ")"], ["punctuation", ";"],
+	["keyword", "@forward"], ["string", "\"foo\""], ["module-modifier", "show"], " bar", ["punctuation", ";"],
+	["keyword", "@forward"], ["string", "\"foo\""], ["module-modifier", "hide"], " baz", ["punctuation", ";"]
+]
+
+----------------------------------------------------
+
+Checks for Sass module modifiers