Reduce the amount of generated fallback css (batch 3) (#845)

* postcss-lab-function

* postcss-logical-viewport-units

* postcss-nested-calc

* postcss-pseudo-class-any-link

* postcss-scope-pseudo-class

Author: romainmenke

plugins/postcss-lab-function/.tape.mjs

@@ -1,4 +1,4 @@
-import { postcssTape } from '../../packages/postcss-tape/dist/index.mjs';
+import { postcssTape, ruleClonerPlugin } from '../../packages/postcss-tape/dist/index.mjs';
 import plugin from 'postcss-lab-function';
 
 postcssTape(plugin)({
@@ -30,6 +30,16 @@ postcssTape(plugin)({
 			preserve: true
 		}
 	},
+	'basic:with-cloned-rules': {
+		message: 'doesn\'t cause duplicate CSS',
+		warnings: 9,
+		plugins: [
+			ruleClonerPlugin,
+			plugin({
+				preserve: true
+			})
+		]
+	},
 	'variables': {
 		message: 'supports variables',
 	},

plugins/postcss-lab-function/test/basic.css

@@ -178,3 +178,12 @@
 	lch-007: lch(55% 60 270);
 	lch-008: lch(86.6146% 148.1135 136.0089);
 }
+
+.manual_fallback {
+	color: red;
+	color: lab(40% 56.6 39);
+}
+
+to-clone {
+	color: lab(40% 56.6 39);
+}

plugins/postcss-lab-function/test/basic.display-p3-false.expect.css

@@ -178,3 +178,12 @@
 	lch-007: rgb(33, 135, 237);
 	lch-008: rgb(0, 251, 41);
 }
+
+.manual_fallback {
+	color: red;
+	color: lab(40% 56.6 39);
+}
+
+to-clone {
+	color: rgb(179, 35, 35);
+}

plugins/postcss-lab-function/test/basic.display-p3-false.preserve-true.expect.css

@@ -261,3 +261,13 @@
 	lch-008: rgb(0, 251, 41);
 	lch-008: lch(86.6146% 148.1135 136.0089);
 }
+
+.manual_fallback {
+	color: red;
+	color: lab(40% 56.6 39);
+}
+
+to-clone {
+	color: rgb(179, 35, 35);
+	color: lab(40% 56.6 39);
+}

plugins/postcss-lab-function/test/basic.expect.css

@@ -261,3 +261,13 @@
 	lch-008: rgb(0, 251, 41);
 	lch-008: color(display-p3 0.00000 1.00000 0.00000);
 }
+
+.manual_fallback {
+	color: red;
+	color: lab(40% 56.6 39);
+}
+
+to-clone {
+	color: rgb(179, 35, 35);
+	color: color(display-p3 0.64331 0.19245 0.16771);
+}

plugins/postcss-lab-function/test/basic.preserve-true.expect.css

@@ -344,3 +344,14 @@
 	lch-008: color(display-p3 0.00000 1.00000 0.00000);
 	lch-008: lch(86.6146% 148.1135 136.0089);
 }
+
+.manual_fallback {
+	color: red;
+	color: lab(40% 56.6 39);
+}
+
+to-clone {
+	color: rgb(179, 35, 35);
+	color: color(display-p3 0.64331 0.19245 0.16771);
+	color: lab(40% 56.6 39);
+}