@plus-experience/design-system-carbon 0.2.5 → 0.2.7

package/bin/setup.js

@@ -43,9 +43,7 @@ if (!pkg.dependencies?.next) {
 run("npm install @carbon/react @carbon/icons-react @ibm/plex clsx tailwind-merge next-themes date-fns recharts");
 log("Carbon + UI 의존성 설치");
 
-// 5. dev 의존성 (sass)
-run("npm install -D sass");
-log("sass 설치");
+// 5. dev 의존성 — sass는 더 이상 필요 없음 (carbon.css 사전 컴파일 사용)
 
 const srcCss = path.join(cwd, "node_modules/@plus-experience/design-system-carbon/app/globals.css");
 if (fs.existsSync(srcCss)) {
@@ -61,11 +59,11 @@ if (fs.existsSync(srcCss)) {
   log("globals.css 복사");
 }
 
-// 7. carbon.scss 복사
-const srcScss = path.join(cwd, "node_modules/@plus-experience/design-system-carbon/app/carbon.scss");
-if (fs.existsSync(srcScss)) {
-  fs.copyFileSync(srcScss, path.join(appDir, "carbon.scss"));
-  log("carbon.scss 복사");
+// 7. carbon.scss는 더 이상 복사하지 않음 — 사전 컴파일된 carbon.css를 직접 import
+const legacyScss = path.join(appDir, "carbon.scss");
+if (fs.existsSync(legacyScss)) {
+  fs.unlinkSync(legacyScss);
+  log("기존 carbon.scss 제거 (carbon.css로 마이그레이션)");
 }
 
 // 8. DESIGN_SYSTEM.md + CLAUDE.md + AGENTS.md 설정
@@ -257,21 +255,23 @@ function patchLayout() {
     modified = true;
   }
 
-  // Add carbon.scss import if not present
-  if (!content.includes("carbon.scss")) {
-    const importLine = 'import "./carbon.scss";';
+  // Migrate legacy carbon.scss import → carbon.css from package
+  const carbonCssImport = 'import "@plus-experience/design-system-carbon/carbon.css";';
+  if (/import\s+["']\.\/carbon\.scss["'];?/.test(content)) {
+    content = content.replace(/import\s+["']\.\/carbon\.scss["'];?/, carbonCssImport);
+    modified = true;
+  } else if (!content.includes("@plus-experience/design-system-carbon/carbon.css")) {
     if (content.includes("import")) {
-      // Add after last import
       const lastImportIdx = content.lastIndexOf("import ");
       const endOfLine = content.indexOf("\n", lastImportIdx);
-      content = content.slice(0, endOfLine + 1) + importLine + "\n" + content.slice(endOfLine + 1);
+      content = content.slice(0, endOfLine + 1) + carbonCssImport + "\n" + content.slice(endOfLine + 1);
       modified = true;
     }
   }
 
   if (modified) {
     fs.writeFileSync(layoutPath, content);
-    log("app/layout — dark 클래스 + carbon.scss import 추가");
+    log("app/layout — dark 클래스 + carbon.css import 추가");
   } else {
     log("app/layout — 이미 설정됨 (스킵)");
   }