[mercury] Avoid requiring sass to use the CLI and create --outDir with recursive

packages/mercury/src/cli/internal/file-management.ts

@@ -8,7 +8,7 @@ export const ensureDirectoryExistsAndItsClear = (dirPath: string) => {
     fs.rmSync(dirPath, { recursive: true });
   }
 
-  fs.mkdirSync(dirPath);
+  fs.mkdirSync(dirPath, { recursive: true });
 };
 
 export function* walkSync(dir: string): Generator<FileMetadata> {

packages/mercury/src/cli/internal/transpile-bundle-and-create-mappings.ts

@@ -1,5 +1,6 @@
 import fs from "node:fs";
 import path from "node:path";
+import * as sass from "sass";
 
 import {
   BASE_BUNDLE_WITH_BACK_SLASH,
@@ -19,11 +20,16 @@ import {
 import { BundleMetadata, FileMetadata } from "./types.js";
 import {
   getBundleNameWithoutSpecialChars,
-  replacePlaceholdersInBundle,
-  transpileBundle
+  replacePlaceholdersInBundle
 } from "./utils.js";
 import { printBundleWasTranspiled } from "./print-utils.js";
 
+const transpileBundle = (filePath: string, globant: boolean) =>
+  sass.compile(filePath, {
+    loadPaths: [globant ? "src/config/globant" : "src/config/default"],
+    style: "compressed"
+  }).css;
+
 const CSS_CREATED_DIRS = new Set();
 const JS_CREATED_DIRS = new Set();
 const BUNDLES: BundleMetadata[] = [];

packages/mercury/src/cli/internal/utils.ts

@@ -1,6 +1,5 @@
 import crypto from "node:crypto";
 import { styleText } from "node:util";
-import * as sass from "sass";
 
 import {
   FONT_FACE_PATH_PLACEHOLDER,
@@ -29,12 +28,6 @@ export const getFileSize = (fileContent: string) => {
   return fileLengthInGB.toFixed(3) + "GB";
 };
 
-export const transpileBundle = (filePath: string, globant: boolean) =>
-  sass.compile(filePath, {
-    loadPaths: [globant ? "src/config/globant" : "src/config/default"],
-    style: "compressed"
-  }).css;
-
 export const getHash = (fileContent: string) =>
   crypto.createHash("md5").update(fileContent).digest("hex").substring(16);