Updates sass & resolves warnings

Author: eamodio

package.json

@@ -18054,7 +18054,7 @@
 		"mocha": "10.7.3",
 		"playwright": "1.47.1",
 		"prettier": "3.1.0",
-		"sass": "1.77.6",
+		"sass": "1.79.1",
 		"sass-loader": "16.0.1",
 		"schema-utils": "4.2.0",
 		"sharp": "0.32.6",

src/webviews/apps/plus/graph/graph.scss

@@ -688,12 +688,12 @@ button:not([disabled]),
 		}
 	}
 	&--warning {
+		color: #de9b43;
 		:before {
 			// codicon-vm
 			font-family: codicon;
 			content: '\ea6c';
 		}
-		color: #de9b43;
 	}
 	&--added {
 		&::before {

src/webviews/apps/settings/settings.scss

@@ -4,14 +4,14 @@
 @import '../shared/icons';
 
 body {
-	&.vscode-light {
-		background-color: var(--color-background--darken-05);
-	}
-
 	font-family: var(--vscode-font-family);
 	font-weight: var(--vscode-font-weight);
 	font-size: var(--vscode-font-size) !important;
 	line-height: 1.4;
+
+	&.vscode-light {
+		background-color: var(--color-background--darken-05);
+	}
 }
 
 header {
@@ -477,15 +477,14 @@ section {
 
 .section__hint {
 	flex: 0 1 auto;
+	color: var(--color-foreground--75);
+	font-weight: 200;
+	margin: 0;
 
 	* {
 		word-break: break-word;
 	}
 
-	color: var(--color-foreground--75);
-	font-weight: 200;
-	margin: 0;
-
 	b {
 		font-weight: 400;
 	}

src/webviews/apps/shared/buttons.scss

@@ -46,6 +46,11 @@
 }
 
 .button--flat {
+	transition:
+		background-color 250ms,
+		border-color 250ms,
+		color 250ms;
+
 	.vscode-light & {
 		border: 1px solid rgba(0, 0, 0, 0.6);
 		color: black;
@@ -54,10 +59,6 @@
 		border: 1px solid rgba(255, 255, 255, 0.6);
 		color: white;
 	}
-	transition:
-		background-color 250ms,
-		border-color 250ms,
-		color 250ms;
 
 	&:not([disabled]):hover,
 	&:not([disabled]):focus {
@@ -161,6 +162,11 @@
 }
 
 .button--flat-subtle {
+	transition:
+		background-color 250ms,
+		border-color 250ms,
+		color 250ms;
+
 	.vscode-light & {
 		border: 1px solid rgba(0, 0, 0, 0.2);
 		color: rgba(0, 0, 0, 0.6);
@@ -169,10 +175,6 @@
 		border: 1px solid rgba(255, 255, 255, 0.2);
 		color: rgba(255, 255, 255, 0.6);
 	}
-	transition:
-		background-color 250ms,
-		border-color 250ms,
-		color 250ms;
 
 	&:not([disabled]):hover,
 	&:not([disabled]):focus {

yarn.lock

@@ -2154,7 +2154,7 @@ cheerio@^1.0.0-rc.5, cheerio@^1.0.0-rc.9:
     undici "^6.19.5"
     whatwg-mimetype "^4.0.0"
 
-"chokidar@>=3.0.0 <4.0.0", chokidar@^3.4.2, chokidar@^3.5.3:
+chokidar@^3.4.2, chokidar@^3.5.3:
   version "3.6.0"
   resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.6.0.tgz#197c6cc669ef2a8dc5e7b4d97ee4e092c3eb0d5b"
   integrity sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==
@@ -6555,16 +6555,7 @@ sass-loader@16.0.1:
   dependencies:
     neo-async "^2.6.2"
 
-sass@1.77.6:
-  version "1.77.6"
-  resolved "https://registry.yarnpkg.com/sass/-/sass-1.77.6.tgz#898845c1348078c2e6d1b64f9ee06b3f8bd489e4"
-  integrity sha512-ByXE1oLD79GVq9Ht1PeHWCPMPB8XHpBuz1r85oByKHjZY6qV6rWnQovQzXJXuQ/XyE1Oj3iPk3lo28uzaRA2/Q==
-  dependencies:
-    chokidar ">=3.0.0 <4.0.0"
-    immutable "^4.0.0"
-    source-map-js ">=0.6.2 <2.0.0"
-
-sass@^1.71.1:
+sass@1.79.1, sass@^1.71.1:
   version "1.79.1"
   resolved "https://registry.yarnpkg.com/sass/-/sass-1.79.1.tgz#0c572e8f09cc4095c27077567f78dbb9b3dceeb2"
   integrity sha512-+mA7svoNKeL0DiJqZGeR/ZGUu8he4I8o3jyUcOFyo4eBJrwNgIMmAEwCMo/N2Y3wdjOBcRzoNxZIOtrtMX8EXg==