Update plugin woocommerce from 4.9.0 to 5.1.0

plugins/woocommerce/assets/css/_mixins.scss

@@ -181,7 +181,7 @@
 
 @mixin icon( $glyph: "\e001" ) {
 	font-family: "WooCommerce";
-	speak: none;
+	speak: never;
 	font-weight: normal;
 	font-variant: normal;
 	text-transform: none;
@@ -199,7 +199,7 @@
 
 @mixin icon_dashicons( $glyph: "\f333" ) {
 	font-family: "Dashicons";
-	speak: none;
+	speak: never;
 	font-weight: normal;
 	font-variant: normal;
 	text-transform: none;
@@ -218,7 +218,7 @@
 
 @mixin iconbefore( $glyph: "\e001" ) {
 	font-family: "WooCommerce";
-	speak: none;
+	speak: never;
 	font-weight: normal;
 	font-variant: normal;
 	text-transform: none;
@@ -231,7 +231,7 @@
 
 @mixin iconbeforedashicons( $glyph: "\f333" ) {
 	font-family: "Dashicons";
-	speak: none;
+	speak: never;
 	font-weight: normal;
 	font-variant: normal;
 	text-transform: none;
@@ -243,7 +243,7 @@
 
 @mixin iconafter( $glyph: "\e001" ) {
 	font-family: "WooCommerce";
-	speak: none;
+	speak: never;
 	font-weight: normal;
 	font-variant: normal;
 	text-transform: none;

plugins/woocommerce/assets/css/_variables.scss

@@ -8,7 +8,7 @@ $red:           	#a00 !default;
 $orange:        	#ffba00 !default;
 $blue:          	#2ea2cc !default;
 
-$primary:           #a46497 !default;                                    // Primary color for buttons (alt)
+$primary:           #a46497 !default;                                  // Primary color for buttons (alt)
 $primarytext:       desaturate(lighten($primary, 50%), 18%) !default;    // Text on primary color bg
 
 $secondary:         desaturate(lighten($primary, 40%), 21%) !default;    // Secondary buttons
@@ -17,5 +17,22 @@ $secondarytext:     desaturate(darken($secondary, 60%), 21%) !default;   // Text
 $highlight:         adjust-hue($primary, 150deg) !default;               // Prices, In stock labels, sales flash
 $highlightext:      desaturate(lighten($highlight, 50%), 18%) !default;  // Text on highlight color bg
 
-$contentbg:         #fff !default;                                       // Content BG - Tabs (active state)
-$subtext:           #767676 !default;                                    // small, breadcrumbs etc
+$contentbg:         #fff !default;                                     // Content BG - Tabs (active state)
+$subtext:           #767676 !default;                                  // small, breadcrumbs etc
+
+// export vars as CSS vars
+:root {
+	--woocommerce: #{$woocommerce};
+	--wc-green: #{$green};
+	--wc-red: #{$red};
+	--wc-orange: #{$orange};
+	--wc-blue: #{$blue};
+	--wc-primary: #{$primary};
+	--wc-primary-text: #{$primarytext};
+	--wc-secondary: #{$secondary};
+	--wc-secondary-text: #{$secondarytext};
+	--wc-highlight: #{$highlight};
+	--wc-highligh-text: #{$highlightext};
+	--wc-content-bg: #{$contentbg};
+	--wc-subtext: #{$subtext};
+}

plugins/woocommerce/assets/css/admin.scss

@@ -360,7 +360,7 @@
 	}
 
 	.addons-button-solid {
-		background-color:#674399;
+		background-color: #674399;
 		color: #fff;
 	}
 
@@ -2128,7 +2128,7 @@ ul.wc_coupon_list_block {
 
 			&::after {
 				font-family: "Dashicons";
-				speak: none;
+				speak: never;
 				font-weight: normal;
 				font-variant: normal;
 				text-transform: none;
@@ -3170,6 +3170,7 @@ table.wc_input_table {
 }
 
 table.wc_tax_rates {
+
 	td.country {
 		position: relative;
 	}