refactor(docs): corrected the packages name

Author: mfranzke

docs/API.md

@@ -166,7 +166,7 @@ console.log("Needs polyfill:", result.hasRuntimeRules);
 The package includes a command-line tool for build-time transformation:
 
 ```bash
-npx css-if-transform input.css output.css [options]
+npx css-if-polyfill input.css output.css [options]
 ```
 
 ### CLI Options
@@ -179,13 +179,13 @@ npx css-if-transform input.css output.css [options]
 
 ```bash
 # Basic transformation
-npx css-if-transform styles.css optimized.css
+npx css-if-polyfill styles.css optimized.css
 
 # With minification and statistics
-npx css-if-transform styles.css optimized.css --minify --stats
+npx css-if-polyfill styles.css optimized.css --minify --stats
 
 # Output to stdout with stats
-npx css-if-transform styles.css --stats
+npx css-if-polyfill styles.css --stats
 ```
 
 ## CSS Syntax

docs/refactoring/FINAL_INTEGRATION_REPORT.md

@@ -45,7 +45,7 @@ The CSS if() polyfill has been successfully modernized and integrated with a hyb
 
 ### 3. Developer Experience
 
-- **CLI Tool**: `npx css-if-transform` for build-time processing
+- **CLI Tool**: `npx css-if-polyfill` for build-time processing
 - **Build Integration Ready**: PostCSS/Webpack plugin foundation
 - **Comprehensive Statistics**: Detailed transformation reporting
 - **Progressive Enhancement**: Gradual adoption path
@@ -112,7 +112,7 @@ The CSS if() polyfill has been successfully modernized and integrated with a hyb
 ### 1. Build-time Only (Optimal Performance)
 
 ```bash
-npx css-if-transform styles.css optimized.css --minify --stats
+npx css-if-polyfill styles.css optimized.css --minify --stats
 ```
 
 - **Use Case**: Static conditions only (`media()`, `supports()`)
@@ -195,7 +195,6 @@ CSSIfPolyfill.init();
 
 ### Immediate Opportunities
 
-- **PostCSS Plugin**: Official plugin for seamless build integration
 - **Webpack Loader**: Dedicated loader for automatic transformation
 - **Vite Plugin**: Integration with modern build tools
 - **Source Maps**: Debug support for transformed CSS

docs/refactoring/INTEGRATION_GUIDE.md

@@ -81,13 +81,13 @@ graph TD
 
 ```bash
 # Transform CSS file
-npx css-if-transform input.css output.css
+npx css-if-polyfill input.css output.css
 
 # With minification and stats
-npx css-if-transform input.css output.css --minify --stats
+npx css-if-polyfill input.css output.css --minify --stats
 
 # Output to stdout
-npx css-if-transform input.css --stats
+npx css-if-polyfill input.css --stats
 ```
 
 #### Programmatic Usage
@@ -229,7 +229,8 @@ module.exports = {
 								plugins: [
 									function cssIfTransform() {
 										return {
-											postcssPlugin: "css-if-transform",
+											postcssPlugin:
+												"postcss-if-function",
 											Once(root) {
 												const result =
 													buildTimeTransform(
@@ -260,7 +261,7 @@ import { buildTimeTransform } from "css-if-polyfill";
 export default {
 	plugins: [
 		{
-			name: "css-if-transform",
+			name: "css-if-polyfill",
 			transform(code, id) {
 				if (id.endsWith(".css")) {
 					const result = buildTimeTransform(code);
@@ -295,7 +296,6 @@ export default {
 
 ### Planned Enhancements
 
-- **PostCSS Plugin**: Official plugin for build tools
 - **Webpack Loader**: Dedicated webpack loader
 - **Source Maps**: Support for CSS source maps
 - **CSS Nesting**: Integration with CSS nesting proposals

docs/refactoring/INTEGRATION_SUMMARY.md

@@ -114,7 +114,7 @@
 ### 1. Build-time Only (Optimal Performance)
 
 ```bash
-npx css-if-transform input.css output.css --minify
+npx css-if-polyfill input.css output.css --minify
 ```
 
 ### 2. Hybrid Mode (Best Flexibility)
@@ -147,7 +147,6 @@ init();
 
 ### Immediate Enhancements
 
-- PostCSS plugin for seamless build tool integration
 - Webpack loader for automatic transformation
 - Source map support for debugging
 

package-lock.json

@@ -53,7 +53,7 @@ npm install css-if-polyfill
 
 ```bash
 # Transform CSS during build
-npx css-if-transform input.css output.css --minify --stats
+npx css-if-polyfill input.css output.css --minify --stats
 ```
 
 ### Runtime Processing

packages/css-if-polyfill/README.md

@@ -14,7 +14,7 @@ const help = `
 CSS if() Build-time Transformation CLI
 
 Usage:
-  npx css-if-transform <input.css> [output.css] [options]
+  npx css-if-polyfill <input.css> [output.css] [options]
   node bin/cli.js <input.css> [output.css] [options]
 
 Options:
@@ -23,9 +23,9 @@ Options:
   --help           Show this help message
 
 Examples:
-  npx css-if-transform input.css output.css
-  npx css-if-transform input.css output.css --minify --stats
-  npx css-if-transform input.css --stats  (outputs to stdout)
+  npx css-if-polyfill input.css output.css
+  npx css-if-polyfill input.css output.css --minify --stats
+  npx css-if-polyfill input.css --stats  (outputs to stdout)
 `;
 
 const parseArguments = () => {

packages/css-if-polyfill/bin/cli.js

@@ -13,7 +13,7 @@
   },
   "license": "MIT",
   "bin": {
-    "css-if-transform": "bin/cli.js"
+    "css-if-polyfill": "bin/cli.js"
   },
   "main": "dist/index.cjs",
   "types": "dist/index.d.ts",