enable filter

src/transform.ts

@@ -66,7 +66,8 @@ const mapTransform = (
 
         if (regExp && !regExp.test(prop)) continue;
 
-        const token = regExp ? prop.replace(regExp, "") : prop;
+        const token = regExp && options.use ? prop.replace(regExp, "") : prop;
+        const currentRegExp = options.use ? regExp : null;
 
         if (!token) continue;
 
@@ -94,7 +95,7 @@ const mapTransform = (
             (_: string, type: string, variable: string) => {
                 const inRoot = customProperties[variable];
                 return type === "$" && inRoot && options.scope != ":root"
-                    ? `var(--${variable.replace(regExp, "")})`
+                    ? `var(--${variable.replace(currentRegExp, "")})`
                     : `var(${prefix}${variable})`;
             }
         );
@@ -107,7 +108,7 @@ const mapTransform = (
             const isSlotted = selector.startsWith("::slotted");
             let id =
                 parentPrefix +
-                props.join("-").replace(regExp, "") +
+                props.join("-").replace(currentRegExp, "") +
                 parentSuffix;
 
             if (isHostContext) {

tests/postcss.test.ts

@@ -4,44 +4,60 @@ import postcss from "postcss";
 import postcssTokens from "../src/postcss-tokens";
 import { readFile, writeFile } from "fs/promises";
 
-test("result import", async () => {
-    const result = await postcss([
-        postcssTokens({ prefix: "my-dsprefix" }),
-    ]).process(`@tokens "./tokens.json" use(font);`, {
-        from: "./tests/demo.css",
-    });
-
-    // await writeFile("./tests/expect-import.css", result.css);
-    assert.is(result.css, await readFile("./tests/expect-import.css", "utf8"));
-});
-
 test("result host, with root", async () => {
     const result = await postcss([postcssTokens()]).process(
         `@tokens "./tokens.json" prefix(my-ds) scope(:root);`,
         {
             from: "./tests/demo.css",
         }
     );
+    // await writeFile("./tests/expect-root-from-json.css", result.css);
+    assert.is(
+        result.css,
+        await readFile("./tests/expect-root-from-json.css", "utf8")
+    );
+});
+
+test("result file yaml", async () => {
+    const result = await postcss([postcssTokens()]).process(
+        `
+        @tokens "./tokens.yaml" scope(:root) prefix(my-ds);
+        `,
+        {
+            from: "./tests/demo.css",
+        }
+    );
+
     // await writeFile("./tests/expect-root.css", result.css);
     assert.is(result.css, await readFile("./tests/expect-root.css", "utf8"));
 });
 
 test("result file yaml", async () => {
     const result = await postcss([postcssTokens()]).process(
         `
-        @tokens "./tokens.yaml" scope(:root) prefix(my-ds);
         @tokens "./tokens.yaml" prefix(my-ds);
         `,
         {
             from: "./tests/demo.css",
         }
     );
 
-    // await writeFile("./tests/expect-use-default.css", result.css);
-    assert.is(
-        result.css,
-        await readFile("./tests/expect-use-default.css", "utf8")
+    // await writeFile("./tests/expect-host.css", result.css);
+    assert.is(result.css, await readFile("./tests/expect-host.css", "utf8"));
+});
+
+test("result file yaml", async () => {
+    const result = await postcss([postcssTokens()]).process(
+        `
+        @tokens "./tokens.yaml" prefix(my-ds) filter(font-border);
+        `,
+        {
+            from: "./tests/demo.css",
+        }
     );
+
+    // await writeFile("./tests/expect-filter.css", result.css);
+    assert.is(result.css, await readFile("./tests/expect-filter.css", "utf8"));
 });
 
 test.run();