refactor: added default export to PostCSS plugin

Author: mfranzke

packages/postcss-if-function/README.md

@@ -16,12 +16,27 @@ npm install postcss-if-function postcss
 
 ## Usage
 
-### Basic Usage
+### PostCSS CLI
+
+```bash
+# Transform CSS using PostCSS CLI
+npx postcss input.css --output output.css --use postcss-if-function
+
+# With custom PostCSS config file
+npx postcss input.css --output output.css --config postcss.config.js
+```
+
+### Basic Programmatic Usage
 
 ```js
+// Named export (recommended)
 import postcss from "postcss";
 import { postcssIfFunction } from "postcss-if-function";
 
+// Or default export (for compatibility)
+import postcss from "postcss";
+import postcssIfFunction from "postcss-if-function";
+
 const css = `
 .example {
   color: if(media(max-width: 768px): blue; else: red);
@@ -69,6 +84,21 @@ const result = await postcss([
 ]).process(css, { from: undefined });
 ```
 
+### With PostCSS Config File
+
+```js
+// postcss.config.js
+import { postcssIfFunction } from "postcss-if-function";
+
+export default {
+	plugins: [
+		postcssIfFunction({
+			logTransformations: process.env.NODE_ENV === "development"
+		})
+	]
+};
+```
+
 ### With Popular PostCSS Tools
 
 #### Vite

packages/postcss-if-function/src/index.d.ts

@@ -33,3 +33,5 @@ export function postcssIfFunction(
 export namespace postcssIfFunction {
 	const postcss: boolean;
 }
+
+export default postcssIfFunction;

packages/postcss-if-function/src/index.js

@@ -119,3 +119,4 @@ function postcssIfFunction(options = {}) {
 postcssIfFunction.postcss = true;
 
 export { postcssIfFunction };
+export default postcssIfFunction;