feat: switch from prettier to lightningcss

Author: Mokshit06

package-lock.json

@@ -48,12 +48,11 @@
     "@babel/plugin-syntax-jsx": "^7.18.6",
     "@babel/preset-typescript": "^7.18.6",
     "eval": "^0.1.8",
-    "prettier": "^2.8.3",
+    "lightningcss": "^1.19.0",
     "tsup": "^6.5.0"
   },
   "devDependencies": {
     "@types/babel__core": "^7.20.0",
-    "@types/prettier": "^2.7.2",
     "release-it": "^15.6.0"
   }
 }

packages/typewind/package.json

@@ -2,16 +2,19 @@
 
 import fs from 'fs';
 import path from 'path';
-import prettier from 'prettier';
+import { transform } from 'lightningcss';
 import { createTypewindContext, loadConfig } from './utils';
 
 function createDoc(doc: string) {
   try {
     let cssDoc = `
     * \`\`\`css
-    * ${prettier
-      .format(doc, { parser: 'css', tabWidth: 4 })
-      .replace(/\n/g, '\n    *')}
+    * ${transform({
+      filename: 'doc.css',
+      code: Buffer.from(doc),
+    })
+      .code.toString()
+      .replace(/\n/g, '\n    * ')}
     * \`\`\`
   `;
     const config = loadConfig();