[#61] feat: add suport for plugin options

TASKS.md

@@ -22,3 +22,4 @@
 - Good read to understand CSS Syntax: [Tokenizer and Parser](https://drafts.csswg.org/css-syntax/)
 - Good vscode extension to take insights from
   - https://github.com/znck/grammarly/blob/main/package.json
+- https://stackoverflow.com/a/15673308/2849127

examples/with-plugins/.vscode/settings.json

@@ -0,0 +1,22 @@
+{
+  "cssvar.files": [
+    "src/tailwind.css",
+    "src/other.css",
+  ],
+  "cssvar.postcssPlugins": [
+    ["postcss-import"],
+    ["postcss-nested", {
+      "unwrap": ["phone"]
+    }],
+
+    // Use tailwindcss plugin with precaution, as it
+    // processes every css passed to this extension.
+    // Always use `cssvar.files` to properly define your source files
+    // when using tailwindcss, to keep this extension parsing fast enough.
+    "tailwindcss",
+
+    // Do not use `postcss-preset-env` plugin, as it makes the extension
+    // parsing pretty slow, which happens on each source file change.
+    // "postcss-preset-env"
+  ],
+}

examples/with-plugins/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "with-plugins",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "postcss-import": "^15.0.0",
+    "postcss-nested": "^5.0.6",
+    "tailwindcss": "^3.1.8"
+  }
+}