diff --git a/package-lock.json b/package-lock.json
index 8832bf4405..252eded8a3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -57,6 +57,7 @@
         "playwright-chromium": "^1.46.1",
         "playwright-core": "^1.46.1",
         "postcss": "^8.4.41",
+        "prettier": "^3.3.3",
         "promise-assist": "^2.0.1",
         "raw-loader": "^4.0.2",
         "react": "^18.3.1",
@@ -6411,6 +6412,22 @@
         "node": ">= 0.8.0"
       }
     },
+    "node_modules/prettier": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.3.3.tgz",
+      "integrity": "sha512-i2tDNA0O5IrMO757lfrdQZCc2jPNDVntV0m/+4whiDfWaTKfMNgR7Qz0NAeGz/nRqF4m5/6CLzbP4/liHt12Ew==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "prettier": "bin/prettier.cjs"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
     "node_modules/pretty-error": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/pretty-error/-/pretty-error-4.0.0.tgz",
diff --git a/package.json b/package.json
index 4b93d222ef..ac34b3a401 100644
--- a/package.json
+++ b/package.json
@@ -65,6 +65,7 @@
     "playwright-chromium": "^1.46.1",
     "playwright-core": "^1.46.1",
     "postcss": "^8.4.41",
+    "prettier": "^3.3.3",
     "promise-assist": "^2.0.1",
     "raw-loader": "^4.0.2",
     "react": "^18.3.1",
diff --git a/packages/build-tools/src/calc-depth.ts b/packages/build-tools/src/calc-depth.ts
index 91ac786141..7e9da14988 100644
--- a/packages/build-tools/src/calc-depth.ts
+++ b/packages/build-tools/src/calc-depth.ts
@@ -9,7 +9,7 @@ export function calcDepth<T>(
     module: T,
     context: CalcDepthContext<T>,
     path: T[] = [],
-    cache = new Map<T, number>()
+    cache = new Map<T, number>(),
 ): number {
     let cssDepth = 0;
     if (cache.has(module)) {
@@ -57,7 +57,7 @@ export function getCSSViewModule<T>(module: T, context: CalcDepthContext<T>) {
 
         if (parentViewsList.length > 1) {
             throw new Error(
-                `Stylable Component Conflict:\n${module} has multiple components entries [${parentViewsList}] `
+                `Stylable Component Conflict:\n${module} has multiple components entries [${parentViewsList}] `,
             );
         }
         return parentViewsList[0];
diff --git a/packages/build-tools/src/has-imported-side-effects.ts b/packages/build-tools/src/has-imported-side-effects.ts
index 9d0584f59f..8f0f5c8ec7 100644
--- a/packages/build-tools/src/has-imported-side-effects.ts
+++ b/packages/build-tools/src/has-imported-side-effects.ts
@@ -10,7 +10,7 @@ export function collectImportsWithSideEffects(
     stylable: Stylable,
     meta: StylableMeta,
     visit: (contextMeta: StylableMeta, absPath: string, hasSideEffects: boolean) => void,
-    visited: Set<string> = new Set()
+    visited: Set<string> = new Set(),
 ) {
     for (const importData of meta.getImportStatements()) {
         // attempt to resolve the request through stylable resolveModule,
@@ -19,7 +19,7 @@ export function collectImportsWithSideEffects(
         try {
             resolvedImportPath = stylable.resolver.resolvePath(
                 importData.context,
-                importData.request
+                importData.request,
             );
         } catch {
             // fallback to request // TODO: check if this is correct
@@ -113,7 +113,7 @@ export function hasImportedSideEffects(stylable: Stylable, meta: StylableMeta, i
         ) {
             const cssResolved = stylable.resolver.resolveSymbolOrigin(
                 localSymbol['-st-extends'],
-                meta
+                meta,
             );
             if (
                 cssResolved?.symbol &&
diff --git a/packages/build-tools/src/load-stylable-config.ts b/packages/build-tools/src/load-stylable-config.ts
index 59ca1faaf3..730f3cf21e 100644
--- a/packages/build-tools/src/load-stylable-config.ts
+++ b/packages/build-tools/src/load-stylable-config.ts
@@ -3,7 +3,7 @@ import { pathToFileURL } from 'url';
 
 export function loadStylableConfig<T>(
     context: string,
-    extract: (config: any) => T
+    extract: (config: any) => T,
 ): { path: string; config: T } | undefined {
     const path =
         findConfig('stylable.config.js', { cwd: context }) ??
@@ -14,12 +14,12 @@ export function loadStylableConfig<T>(
             config = require(path);
         } catch (e) {
             throw new Error(
-                `Failed to load "stylable.config.js" from ${path}\n${(e as Error)?.stack}`
+                `Failed to load "stylable.config.js" from ${path}\n${(e as Error)?.stack}`,
             );
         }
         if (!config) {
             throw new Error(
-                `Stylable configuration loaded from ${path} but no exported configuration found`
+                `Stylable configuration loaded from ${path} but no exported configuration found`,
             );
         }
         return {
@@ -36,7 +36,7 @@ const esmImport: (url: URL) => any = eval(`(path) => import(path)`);
 
 export async function loadStylableConfigEsm<T>(
     context: string,
-    extract: (config: any) => T
+    extract: (config: any) => T,
 ): Promise<{ path: string; config: T } | undefined> {
     const path =
         findConfig('stylable.config.js', { cwd: context }) ??
@@ -47,12 +47,12 @@ export async function loadStylableConfigEsm<T>(
             config = await esmImport(pathToFileURL(path));
         } catch (e) {
             throw new Error(
-                `Failed to load "stylable.config.js" from ${path}\n${(e as Error)?.stack}`
+                `Failed to load "stylable.config.js" from ${path}\n${(e as Error)?.stack}`,
             );
         }
         if (!config) {
             throw new Error(
-                `Stylable configuration loaded from ${path} but no exported configuration found`
+                `Stylable configuration loaded from ${path} but no exported configuration found`,
             );
         }
         return {
diff --git a/packages/build-tools/src/process-url-dependencies.ts b/packages/build-tools/src/process-url-dependencies.ts
index 83444e3b07..542c4b2636 100644
--- a/packages/build-tools/src/process-url-dependencies.ts
+++ b/packages/build-tools/src/process-url-dependencies.ts
@@ -66,7 +66,7 @@ export function processUrlDependencies({
                     onUrl(functionNode);
                 }
             },
-            true
+            true,
         );
     });
     return urls;
diff --git a/packages/build-tools/src/sort-modules-by-depth.ts b/packages/build-tools/src/sort-modules-by-depth.ts
index 34b307705e..3f8e8c6c8f 100644
--- a/packages/build-tools/src/sort-modules-by-depth.ts
+++ b/packages/build-tools/src/sort-modules-by-depth.ts
@@ -5,7 +5,7 @@ export function sortModulesByDepth<T>(
     modules: Array<T>,
     getDepth: (m: T) => number,
     getID: (m: T) => string,
-    factor = 1
+    factor = 1,
 ) {
     return modules.sort((m1, m2) => {
         const depthDiff = getDepth(m2) - getDepth(m1);
diff --git a/packages/build-tools/test/sort-modules-by-depth.spec.ts b/packages/build-tools/test/sort-modules-by-depth.spec.ts
index 25c02fe6e9..9dca09c4bd 100644
--- a/packages/build-tools/test/sort-modules-by-depth.spec.ts
+++ b/packages/build-tools/test/sort-modules-by-depth.spec.ts
@@ -11,7 +11,7 @@ describe('sort-modules-by-depth', () => {
                 { id: 'a1', depth: 1 },
             ],
             ({ depth }) => depth,
-            ({ id }) => id
+            ({ id }) => id,
         );
 
         expect(sorted).to.eql([
@@ -31,7 +31,7 @@ describe('sort-modules-by-depth', () => {
                 { id: 'a1', depth: 1 },
             ],
             ({ depth }) => depth,
-            ({ id }) => id
+            ({ id }) => id,
         );
 
         expect(sorted).to.eql([
@@ -51,7 +51,7 @@ describe('sort-modules-by-depth', () => {
                 { id: 'a0', depth: 0 },
             ],
             ({ depth }) => depth,
-            ({ id }) => id
+            ({ id }) => id,
         );
 
         expect(sorted).to.eql([
@@ -72,7 +72,7 @@ describe('sort-modules-by-depth', () => {
             ],
             ({ depth }) => depth,
             ({ id }) => id,
-            -1
+            -1,
         );
 
         expect(sorted).to.eql([
diff --git a/packages/cli/src/base-generator.ts b/packages/cli/src/base-generator.ts
index 5c4d95790f..69557f0393 100644
--- a/packages/cli/src/base-generator.ts
+++ b/packages/cli/src/base-generator.ts
@@ -56,16 +56,18 @@ export class IndexGenerator {
             this.log('[Generator Index]', `Add file: ${filePath}`);
             this.indexFileOutput.set(
                 normalizeRelative(
-                    this.fs.relative(this.fs.dirname(this.indexFileTargetPath), filePath)
+                    this.fs.relative(this.fs.dirname(this.indexFileTargetPath), filePath),
                 ),
-                reExports
+                reExports,
             );
         }
     }
 
     public removeEntryFromIndex(filePath: string) {
         this.indexFileOutput.delete(
-            normalizeRelative(this.fs.relative(this.fs.dirname(this.indexFileTargetPath), filePath))
+            normalizeRelative(
+                this.fs.relative(this.fs.dirname(this.indexFileTargetPath), filePath),
+            ),
         );
     }
 
@@ -75,7 +77,7 @@ export class IndexGenerator {
 
         await tryRun(
             () => fs.promises.writeFile(this.indexFileTargetPath, '\n' + indexFileContent + '\n'),
-            'Write Index File Error'
+            'Write Index File Error',
         );
 
         this.log('[Generator Index]', 'creating index file: ' + this.indexFileTargetPath);
@@ -137,14 +139,14 @@ export function reExportsAllSymbols(filePath: string, generator: IndexGenerator)
             acc[name] = `${rootExport}__${name}`;
             return acc;
         },
-        {}
+        {},
     );
     const vars = Object.keys(STSymbol.getAllByType(meta, `cssVar`)).reduce<Record<string, string>>(
         (acc, varName) => {
             acc[varName] = `--${rootExport}__${varName.slice(2)}`;
             return acc;
         },
-        {}
+        {},
     );
     const keyframes = Object.keys(STSymbol.getAllByType(meta, `keyframes`)).reduce<
         Record<string, string>
diff --git a/packages/cli/src/build-single-file.ts b/packages/cli/src/build-single-file.ts
index a4981ec0d3..0c51d9e2ce 100644
--- a/packages/cli/src/build-single-file.ts
+++ b/packages/cli/src/build-single-file.ts
@@ -88,11 +88,11 @@ export function buildSingleFile({
 
     let content: string = tryRun(
         () => fs.readFileSync(filePath, 'utf8'),
-        `Read File Error: ${filePath}`
+        `Read File Error: ${filePath}`,
     );
     const res = tryRun(
         () => stylable.transform(stylable.analyze(filePath)),
-        errorMessages.STYLABLE_PROCESS(filePath)
+        errorMessages.STYLABLE_PROCESS(filePath),
     );
 
     const optimizer = new StylableOptimizer();
@@ -105,7 +105,7 @@ export function buildSingleFile({
                 removeUnusedComponents: false,
             },
             res,
-            {}
+            {},
         );
     }
 
@@ -129,7 +129,7 @@ export function buildSingleFile({
         if (useNamespaceReference && !content.includes('st-namespace-reference')) {
             const relativePathToSource = relative(dirname(targetFilePath), filePath).replace(
                 /\\/gm,
-                '/'
+                '/',
             );
             const srcNamespaceAnnotation = `\n/* st-namespace-reference="${relativePathToSource}" */`;
             content += srcNamespaceAnnotation;
@@ -138,14 +138,14 @@ export function buildSingleFile({
         outputLogs.push(`.st.css source`);
         tryRun(
             () => fs.writeFileSync(targetFilePath, content),
-            `Write File Error: ${targetFilePath}`
+            `Write File Error: ${targetFilePath}`,
         );
     }
     // st.css.js
     const ast = includeCSSInJS
         ? tryRun(
               () => inlineAssetsForJsModule(res, stylable, fs),
-              `Inline assets failed for: ${filePath}`
+              `Inline assets failed for: ${filePath}`,
           )
         : res.meta.targetAst!;
 
@@ -174,7 +174,7 @@ export function buildSingleFile({
                       id: res.meta.namespace,
                       runtimeId: format,
                   }
-                : undefined
+                : undefined,
         );
         const outFilePath = targetFilePath + ext;
         generated.add(outFilePath);
@@ -190,7 +190,7 @@ export function buildSingleFile({
         outputLogs.push('transpiled css');
         tryRun(
             () => fs.writeFileSync(cssAssetOutPath, cssCode),
-            `Write File Error: ${cssAssetOutPath}`
+            `Write File Error: ${cssAssetOutPath}`,
         );
     }
     // .d.ts
@@ -289,7 +289,7 @@ export function buildDTS({
     outputLogs.push('output .d.ts');
     tryRun(
         () => mkdirSync?.(dirname(dtsPath), { recursive: true }),
-        `Ensure directory: ${dirname(dtsPath)}`
+        `Ensure directory: ${dirname(dtsPath)}`,
     );
     tryRun(() => writeFileSync(dtsPath, dtsContent), `Write File Error: ${dtsPath}`);
 
@@ -298,7 +298,7 @@ export function buildDTS({
     if (dtsSourceMap !== false) {
         const relativeTargetFilePath = relative(
             dirname(targetFilePath),
-            sourceFilePath || targetFilePath
+            sourceFilePath || targetFilePath,
         );
 
         const dtsMappingContent = generateDTSSourceMap(
@@ -307,7 +307,7 @@ export function buildDTS({
             // `relativeTargetFilePath` could be an absolute path in windows (e.g. unc path)
             isAbsolute(relativeTargetFilePath)
                 ? relativeTargetFilePath
-                : relativeTargetFilePath.replace(/\\/g, '/')
+                : relativeTargetFilePath.replace(/\\/g, '/'),
         );
 
         const dtsMapPath = targetFilePath + '.d.ts.map';
@@ -317,7 +317,7 @@ export function buildDTS({
 
         tryRun(
             () => writeFileSync(dtsMapPath, dtsMappingContent),
-            `Write File Error: ${dtsMapPath}`
+            `Write File Error: ${dtsMapPath}`,
         );
     }
 }
diff --git a/packages/cli/src/build-stylable.ts b/packages/cli/src/build-stylable.ts
index 591e49d2cc..be40eff651 100644
--- a/packages/cli/src/build-stylable.ts
+++ b/packages/cli/src/build-stylable.ts
@@ -54,7 +54,7 @@ export async function buildStylable(
         resolveModule,
         configFilePath,
         watchOptions = {},
-    }: BuildStylableContext = {}
+    }: BuildStylableContext = {},
 ) {
     const { config } = resolveConfig(rootDir, fs, configFilePath) || {};
     validateDefaultConfig(config?.defaultConfig);
@@ -76,7 +76,7 @@ export async function buildStylable(
                 projectRoot,
                 i,
                 options.length > 1,
-                projects.length > 1
+                projects.length > 1,
             );
 
             log('[Project]', projectRoot, buildOptions);
@@ -84,7 +84,7 @@ export async function buildStylable(
             if (!hasStylableCSSOutput(buildOptions)) {
                 log(
                     `No target output declared for "${identifier}", please provide one or more of the following target options: "cjs", "esm", "css", "stcss" or "indexFile"`,
-                    levels.info
+                    levels.info,
                 );
             }
 
diff --git a/packages/cli/src/build.ts b/packages/cli/src/build.ts
index 689a79ea55..b5346c797a 100644
--- a/packages/cli/src/build.ts
+++ b/packages/cli/src/build.ts
@@ -53,7 +53,7 @@ export async function build(
         log,
         outputFiles = new Map(),
         diagnosticsManager = new DiagnosticsManager({ log }),
-    }: BuildContext
+    }: BuildContext,
 ) {
     const { join, realpathSync, relative, dirname } = fs;
     const projectRoot = realpathSync(_projectRoot);
@@ -84,7 +84,7 @@ export async function build(
         esm,
         runtimeCjsRequest,
         runtimeEsmRequest,
-        fs
+        fs,
     );
 
     const service = new DirectoryProcessService(fs, {
@@ -159,7 +159,7 @@ export async function build(
 
                         if (indexFileGenerator) {
                             indexFileGenerator.removeEntryFromIndex(
-                                outputSources ? targetFilePath : deletedFile
+                                outputSources ? targetFilePath : deletedFile,
                             );
                         }
                     }
@@ -182,7 +182,7 @@ export async function build(
                 // map st output file path to src file path
                 outputFiles.set(
                     join(fullOutDir, relative(fullSrcDir, filePath)),
-                    new Set([filePath])
+                    new Set([filePath]),
                 );
 
                 // remove assets from the affected files (handled in buildAggregatedEntities)
@@ -228,8 +228,8 @@ export async function build(
                     mode,
                     buildMessages.FINISHED_PROCESSING(
                         count,
-                        isMultiPackagesProject ? identifier : undefined
-                    )
+                        isMultiPackagesProject ? identifier : undefined,
+                    ),
                 );
             }
 
@@ -283,7 +283,7 @@ export async function build(
                                     './' +
                                     relative(dirname(targetFilePath), runtimeCjsOutPath).replace(
                                         /\\/g,
-                                        '/'
+                                        '/',
                                     )
                                 );
                             }
@@ -292,7 +292,7 @@ export async function build(
                                     './' +
                                     relative(dirname(targetFilePath), runtimeEsmOutPath).replace(
                                         /\\/g,
-                                        '/'
+                                        '/',
                                     )
                                 );
                             }
@@ -310,7 +310,7 @@ export async function build(
 
                 if (indexFileGenerator) {
                     indexFileGenerator.generateFileIndexEntry(
-                        outputSources ? targetFilePath : filePath
+                        outputSources ? targetFilePath : filePath,
                     );
                 }
             } catch (error) {
@@ -325,7 +325,7 @@ export async function build(
                 sourceFiles.add(filePath);
                 const meta = tryRun(
                     () => stylable.analyze(filePath),
-                    errorMessages.STYLABLE_PROCESS(filePath)
+                    errorMessages.STYLABLE_PROCESS(filePath),
                 );
                 // todo: consider merging this API with stylable.getDependencies()
                 for (const depFilePath of tryCollectImportsDeep(stylable.resolver, meta)) {
@@ -412,7 +412,7 @@ function bundleFiles({
         (m) => {
             return m;
         },
-        -1 /** PRINT_ORDER */
+        -1 /** PRINT_ORDER */,
     );
     const cssBundleCode = sortedModules
         .map((m) => {
@@ -441,7 +441,7 @@ function copyRuntime(
     esm: boolean | undefined,
     runtimeCjsRequest: string,
     runtimeEsmRequest: string,
-    fs: BuildContext['fs']
+    fs: BuildContext['fs'],
 ) {
     let runtimeCjsOutPath;
     let runtimeEsmOutPath;
@@ -474,7 +474,7 @@ function resolveRequestInContext(fs: IFileSystem, request: string, projectRoot:
 
 export function createGenerator(
     root: string,
-    generatorPath?: string
+    generatorPath?: string,
 ): undefined | typeof BaseIndexGenerator {
     if (!generatorPath) {
         return undefined;
diff --git a/packages/cli/src/cli-codemod.ts b/packages/cli/src/cli-codemod.ts
index c0690bf965..14458856ce 100644
--- a/packages/cli/src/cli-codemod.ts
+++ b/packages/cli/src/cli-codemod.ts
@@ -57,7 +57,7 @@ for (const request of requires) {
 
 const log = createLogger(
     (_, ...messages) => console.log('[CodeMod]', ...messages),
-    () => console.clear()
+    () => console.clear(),
 );
 
 const loadedMods = new Set<{ id: string; apply: CodeMod }>();
diff --git a/packages/cli/src/cli.ts b/packages/cli/src/cli.ts
index b4057586c0..39125af01b 100644
--- a/packages/cli/src/cli.ts
+++ b/packages/cli/src/cli.ts
@@ -18,9 +18,11 @@ async function main() {
     const rootDir = resolve(argv.rootDir);
     const explicitResolveNs =
         namespaceResolver &&
-        require(require.resolve(namespaceResolver, {
-            paths: [rootDir],
-        }));
+        require(
+            require.resolve(namespaceResolver, {
+                paths: [rootDir],
+            }),
+        );
 
     //
     const log = createLogger(
@@ -30,7 +32,7 @@ async function main() {
                 console.log('[Stylable]', `[${currentTime}]`, ...messages);
             }
         },
-        () => !shouldLog && !preserveWatchOutput && console.clear()
+        () => !shouldLog && !preserveWatchOutput && console.clear(),
     );
 
     // execute all require hooks before running the CLI build
diff --git a/packages/cli/src/code-format.ts b/packages/cli/src/code-format.ts
index 343e9a935a..477c00788f 100644
--- a/packages/cli/src/code-format.ts
+++ b/packages/cli/src/code-format.ts
@@ -120,7 +120,7 @@ const {
 
 const log = createLogger(
     (_, ...messages) => console.log('[Stylable code formatter]', ...messages),
-    () => console.clear()
+    () => console.clear(),
 );
 
 if (debug) {
@@ -169,7 +169,7 @@ function formatStylesheet(filePath: string) {
                   newline_between_rules: newlineBetweenRules,
                   preserve_newlines: perserveNewlines,
                   selector_separator_newline: selectorSeparatorNewline,
-              }
+              },
           );
 
     if (newText.length) {
diff --git a/packages/cli/src/code-mods/apply-code-mods.ts b/packages/cli/src/code-mods/apply-code-mods.ts
index d85d0e0a07..0d93bfc903 100644
--- a/packages/cli/src/code-mods/apply-code-mods.ts
+++ b/packages/cli/src/code-mods/apply-code-mods.ts
@@ -5,7 +5,7 @@ import type { CodeMod, ApplyCodeModsResult } from './types';
 export function applyCodeMods(
     filePath: string,
     css: string,
-    mods: Set<{ id: string; apply: CodeMod }>
+    mods: Set<{ id: string; apply: CodeMod }>,
 ): ApplyCodeModsResult {
     try {
         const reports = new Map<string, Diagnostic[]>();
diff --git a/packages/cli/src/code-mods/code-mods.ts b/packages/cli/src/code-mods/code-mods.ts
index 49780bef41..23b1183eb2 100644
--- a/packages/cli/src/code-mods/code-mods.ts
+++ b/packages/cli/src/code-mods/code-mods.ts
@@ -24,7 +24,7 @@ export function codeMods({ fs, rootDir, extension, mods, log }: CodeModsOptions)
         relative,
         rootDir,
         extension,
-        new Set<string>(['node_modules', '.git'])
+        new Set<string>(['node_modules', '.git']),
     );
 
     if (files.size === 0) {
diff --git a/packages/cli/src/code-mods/load-codemods.ts b/packages/cli/src/code-mods/load-codemods.ts
index b62803e16a..604deb2b67 100644
--- a/packages/cli/src/code-mods/load-codemods.ts
+++ b/packages/cli/src/code-mods/load-codemods.ts
@@ -15,7 +15,7 @@ export const registeredMods: Map<string, CodeMod> = new Map([
 export function loadBuiltInCodemods(
     mods: string[],
     loadedMods: Set<{ id: string; apply: CodeMod }>,
-    log: Log
+    log: Log,
 ) {
     for (const id of mods) {
         const apply = registeredMods.get(id);
@@ -31,7 +31,7 @@ export function loadExternalCodemods(
     external: string[],
     rootDir: string,
     loadedMods: Set<{ id: string; apply: CodeMod }>,
-    log: Log
+    log: Log,
 ) {
     for (const externalMod of external) {
         try {
@@ -47,15 +47,15 @@ export function loadExternalCodemods(
                 } else {
                     throw new Error(
                         `Invalid codemod entry. Codemods must contain a "id" string and "apply" function fields got ${Object.keys(
-                            mod
-                        )}`
+                            mod,
+                        )}`,
                     );
                 }
             }
         } catch (e) {
             log(`Failed to load external codemods from: ${externalMod}`);
             log(
-                `Make sure you specify a package request and the resolved module has exports.codemods as iterable`
+                `Make sure you specify a package request and the resolved module has exports.codemods as iterable`,
             );
             log(`${e instanceof Error ? e.stack : e}`);
         }
diff --git a/packages/cli/src/code-mods/st-global-custom-property-to-at-property.ts b/packages/cli/src/code-mods/st-global-custom-property-to-at-property.ts
index e2c8795e77..ac81ca1776 100644
--- a/packages/cli/src/code-mods/st-global-custom-property-to-at-property.ts
+++ b/packages/cli/src/code-mods/st-global-custom-property-to-at-property.ts
@@ -14,7 +14,7 @@ export const stGlobalCustomPropertyToAtProperty: CodeMod = ({ ast, diagnostics,
                     postcss.atRule({
                         name: 'property',
                         params: `st-global(${property.name})`,
-                    })
+                    }),
                 );
             }
             atRule.remove();
@@ -41,7 +41,7 @@ function parseStGlobalCustomProperty(atRule: AtRule, diagnostics: Diagnostics):
             {
                 node: atRule,
                 word: atRule.params,
-            }
+            },
         );
         return cssVars;
     }
diff --git a/packages/cli/src/config/process-projects.ts b/packages/cli/src/config/process-projects.ts
index 6cb8249218..2b7ff82cce 100644
--- a/packages/cli/src/config/process-projects.ts
+++ b/packages/cli/src/config/process-projects.ts
@@ -15,7 +15,7 @@ interface ProcessProjectsOptions {
 
 export function processProjects<P extends string>(
     { projects, presets }: MultipleProjectsConfig<P>,
-    { defaultOptions = createDefaultOptions() }: ProcessProjectsOptions = {}
+    { defaultOptions = createDefaultOptions() }: ProcessProjectsOptions = {},
 ) {
     const entities: RawProjectEntity[] = [];
     if (!Array.isArray(projects) && typeof projects !== 'object') {
@@ -28,8 +28,8 @@ export function processProjects<P extends string>(
                 resolveProjectEntry(
                     typeof entry === 'string' ? [entry] : entry,
                     defaultOptions,
-                    presets
-                )
+                    presets,
+                ),
             );
         }
     } else if (typeof projects === 'object') {
@@ -46,7 +46,7 @@ export function processProjects<P extends string>(
 function resolveProjectEntry<P extends string>(
     [request, value]: [string, ProjectEntryValues<P>] | [string],
     configOptions: BuildOptions,
-    availablePresets: Presets = {}
+    availablePresets: Presets = {},
 ): RawProjectEntity {
     const totalOptions: Array<BuildOptions | PartialBuildOptions> = [];
 
@@ -87,8 +87,8 @@ function resolveProjectEntry<P extends string>(
                     mergeBuildOptions(
                         configOptions,
                         resolvePreset(presetName, availablePresets),
-                        entryValue.options || {}
-                    )
+                        entryValue.options || {},
+                    ),
                 );
             } else {
                 return [entryValue];
@@ -101,7 +101,7 @@ function resolveProjectEntry<P extends string>(
 
 function resolvePreset(
     presetName: string,
-    availablePresets: NonNullable<MultipleProjectsConfig<string>['presets']>
+    availablePresets: NonNullable<MultipleProjectsConfig<string>['presets']>,
 ): BuildOptions | PartialBuildOptions {
     const preset = availablePresets[presetName];
 
diff --git a/packages/cli/src/config/projects-config.ts b/packages/cli/src/config/projects-config.ts
index 64fbf8c394..0a9d498846 100644
--- a/packages/cli/src/config/projects-config.ts
+++ b/packages/cli/src/config/projects-config.ts
@@ -32,12 +32,12 @@ export async function projectsConfig(
     rootDir: string,
     overrideBuildOptions: Partial<BuildOptions>,
     defaultOptions: BuildOptions = createDefaultOptions(),
-    config?: StylableRuntimeConfigs
+    config?: StylableRuntimeConfigs,
 ): Promise<STCProjects> {
     const topLevelOptions = mergeBuildOptions(
         defaultOptions,
         config?.stcConfig?.options,
-        overrideBuildOptions
+        overrideBuildOptions,
     );
 
     validateOptions(topLevelOptions);
@@ -92,7 +92,7 @@ function resolveConfigValue(config: any, fs?: IFileSystem) {
             defaultConfig:
                 typeof config.defaultConfig === 'function' ? config.defaultConfig(fs) : undefined,
         }),
-        'Failed to evaluate Stylable config'
+        'Failed to evaluate Stylable config',
     );
 }
 
@@ -105,7 +105,7 @@ function isSTCConfig(config: any): config is { stcConfig: Configuration | Config
 }
 
 function isMultipleConfigProject(
-    config: any
+    config: any,
 ): config is { stcConfig: MultipleProjectsConfig<string> } {
     return Boolean(config?.stcConfig?.projects);
 }
diff --git a/packages/cli/src/config/resolve-options.ts b/packages/cli/src/config/resolve-options.ts
index 5908a62809..0845e362a4 100644
--- a/packages/cli/src/config/resolve-options.ts
+++ b/packages/cli/src/config/resolve-options.ts
@@ -254,7 +254,7 @@ export function createDefaultOptions(): BuildOptions {
 
 export function validateOptions(
     { outDir, srcDir, outputSources, dts, dtsSourceMap }: BuildOptions,
-    name?: string
+    name?: string,
 ) {
     const prefix = name ? `"${name}" options - ` : '';
 
@@ -267,7 +267,7 @@ export function validateOptions(
             prefix +
                 'Invalid configuration: When using "stcss" outDir and srcDir must be different.' +
                 `\noutDir: ${outDir}` +
-                `\nsrcDir: ${srcDir}`
+                `\nsrcDir: ${srcDir}`,
         );
     }
 }
@@ -280,7 +280,7 @@ export function mergeBuildOptions(
     return Object.assign(
         {},
         config,
-        ...rest.map((currentConfig) => (currentConfig ? removeUndefined(currentConfig) : {}))
+        ...rest.map((currentConfig) => (currentConfig ? removeUndefined(currentConfig) : {})),
     );
 }
 
@@ -289,13 +289,13 @@ export function createBuildIdentifier(
     projectRoot: string,
     index: number,
     hasMultipleOptions: boolean,
-    isMultipleProjects: boolean
+    isMultipleProjects: boolean,
 ) {
     return hasMultipleOptions
         ? `[${index}] ${projectRoot.replace(rootDir, '')}`
         : isMultipleProjects
-        ? projectRoot.replace(rootDir, '')
-        : projectRoot;
+          ? projectRoot.replace(rootDir, '')
+          : projectRoot;
 }
 
 export function hasStylableCSSOutput(options: BuildOptions): boolean {
diff --git a/packages/cli/src/config/resolve-requests.ts b/packages/cli/src/config/resolve-requests.ts
index fdcfae32d2..433e1fdb2c 100644
--- a/packages/cli/src/config/resolve-requests.ts
+++ b/packages/cli/src/config/resolve-requests.ts
@@ -26,7 +26,7 @@ export const resolveNpmRequests: ResolveRequests = (entities, { rootDir }) => {
                 // validate duplicate requests, e.g. "packages/*" twice
                 if (existingEntity.request === request) {
                     throw new Error(
-                        `Stylable CLI config can not have a duplicate project requests "${request}".`
+                        `Stylable CLI config can not have a duplicate project requests "${request}".`,
                     );
                 }
             } else {
diff --git a/packages/cli/src/diagnostics-manager.ts b/packages/cli/src/diagnostics-manager.ts
index 6ec0e535d4..4947f38499 100644
--- a/packages/cli/src/diagnostics-manager.ts
+++ b/packages/cli/src/diagnostics-manager.ts
@@ -33,7 +33,7 @@ export class DiagnosticsManager {
     public set(
         identifier: string,
         filepath?: string,
-        processDiagnostics?: ProcessDiagnostics
+        processDiagnostics?: ProcessDiagnostics,
     ): void {
         if (this.store.has(identifier) && filepath && processDiagnostics) {
             this.store.get(identifier)!.set(filepath, processDiagnostics);
@@ -41,8 +41,8 @@ export class DiagnosticsManager {
             this.store.set(
                 identifier,
                 new Map(
-                    filepath && processDiagnostics ? [[filepath, processDiagnostics]] : undefined
-                )
+                    filepath && processDiagnostics ? [[filepath, processDiagnostics]] : undefined,
+                ),
             );
         }
     }
@@ -103,7 +103,7 @@ export class DiagnosticsManager {
             const hasFatalDiagnostics = reportDiagnostics(
                 this.log,
                 diagnosticMessages,
-                diagnosticMode
+                diagnosticMode,
             );
 
             this.options.hooks?.postReport?.(diagnosticMessages, hasFatalDiagnostics);
diff --git a/packages/cli/src/directory-process-service/directory-process-service.ts b/packages/cli/src/directory-process-service/directory-process-service.ts
index 82a507ad6c..09237c6373 100644
--- a/packages/cli/src/directory-process-service/directory-process-service.ts
+++ b/packages/cli/src/directory-process-service/directory-process-service.ts
@@ -7,7 +7,7 @@ export interface DirectoryProcessServiceOptions {
         watcher: DirectoryProcessService,
         affectedFiles: Set<string>,
         deletedFiles: Set<string>,
-        changeOrigin?: IWatchEvent
+        changeOrigin?: IWatchEvent,
     ): Promise<{ generatedFiles: Set<string> }> | { generatedFiles: Set<string> };
     directoryFilter?(directoryPath: string): boolean;
     fileFilter?(filePath: string): boolean;
@@ -22,7 +22,10 @@ export interface DirectoryProcessServiceOptions {
 export class DirectoryProcessService {
     public invalidationMap = new Map<string, Set<string>>();
     public watchedDirectoryFiles = new Map<string, Set<string>>();
-    constructor(private fs: IFileSystem, private options: DirectoryProcessServiceOptions = {}) {
+    constructor(
+        private fs: IFileSystem,
+        private options: DirectoryProcessServiceOptions = {},
+    ) {
         if (this.options.watchMode && !this.options.watchOptions?.skipInitialWatch) {
             this.startWatch();
         }
@@ -100,7 +103,7 @@ export class DirectoryProcessService {
     }
     public async handleWatchChange(
         files: Map<string, IWatchEvent>,
-        originalEvent: IWatchEvent
+        originalEvent: IWatchEvent,
     ): Promise<{
         hasChanges: boolean;
         generatedFiles: Set<string>;
@@ -164,7 +167,7 @@ export class DirectoryProcessService {
                 this,
                 affectedFiles,
                 deletedFiles,
-                originalEvent
+                originalEvent,
             );
 
             return {
diff --git a/packages/cli/src/directory-process-service/walk-fs.ts b/packages/cli/src/directory-process-service/walk-fs.ts
index 36195df717..2ebffaa584 100644
--- a/packages/cli/src/directory-process-service/walk-fs.ts
+++ b/packages/cli/src/directory-process-service/walk-fs.ts
@@ -17,7 +17,7 @@ export async function* directoryDeepChildren(
     fs: IFileSystem,
     directoryPath: string,
     filterItem: (item: DirectoryItem) => boolean = returnsTrue,
-    basePath = directoryPath
+    basePath = directoryPath,
 ): AsyncGenerator<DirectoryItem, void, unknown> {
     for (const item of await fs.promises.readdir(directoryPath, {
         withFileTypes: true,
diff --git a/packages/cli/src/generate-manifest.ts b/packages/cli/src/generate-manifest.ts
index fa72fa6866..799c90510d 100644
--- a/packages/cli/src/generate-manifest.ts
+++ b/packages/cli/src/generate-manifest.ts
@@ -10,7 +10,7 @@ export function generateManifest(
     stylable: Stylable,
     mode: string,
     log: Log,
-    fs: any
+    fs: any,
 ) {
     function getBuildNamespace(stylable: Stylable, filePath: string): string {
         return stylable.fileProcessor.process(filePath).namespace;
@@ -23,21 +23,21 @@ export function generateManifest(
         (manifest, filePath) => {
             manifest.namespaceMapping[relative(rootDir, filePath)] = getBuildNamespace(
                 stylable,
-                filePath
+                filePath,
             );
             return manifest;
         },
         {
             namespaceMapping: {},
-        }
+        },
     );
     log(mode, 'creating manifest file: ');
     tryRun(
         () => ensureDirectory(dirname(manifestOutputPath), fs),
-        `Ensure directory for manifest: ${manifestOutputPath}`
+        `Ensure directory for manifest: ${manifestOutputPath}`,
     );
     tryRun(
         () => fs.writeFileSync(manifestOutputPath, JSON.stringify(manifest)),
-        'Write Index File Error'
+        'Write Index File Error',
     );
 }
diff --git a/packages/cli/src/handle-assets.ts b/packages/cli/src/handle-assets.ts
index baa91baa54..af262f3aa5 100644
--- a/packages/cli/src/handle-assets.ts
+++ b/packages/cli/src/handle-assets.ts
@@ -6,7 +6,7 @@ export function handleAssets(
     rootDir: string,
     srcDir: string,
     outDir: string,
-    fs: IFileSystem
+    fs: IFileSystem,
 ) {
     const generatedAssets = new Set<string>();
 
diff --git a/packages/cli/src/helpers.ts b/packages/cli/src/helpers.ts
index df42312c20..e558fef9e0 100644
--- a/packages/cli/src/helpers.ts
+++ b/packages/cli/src/helpers.ts
@@ -1,5 +1,5 @@
 export function removeUndefined<T extends object>(obj: T) {
     return Object.fromEntries(
-        Object.entries(obj).filter(([, value]) => typeof value !== 'undefined')
+        Object.entries(obj).filter(([, value]) => typeof value !== 'undefined'),
     ) as Required<Exclude<T, undefined>>;
 }
diff --git a/packages/cli/src/logger.ts b/packages/cli/src/logger.ts
index 46660632b8..c82925a7c3 100644
--- a/packages/cli/src/logger.ts
+++ b/packages/cli/src/logger.ts
@@ -6,7 +6,7 @@ export const levels = {
 
 export function createLogger(
     onLog: (level: 'info' | 'debug', ...messages: string[]) => void,
-    onClear: () => void
+    onClear: () => void,
 ) {
     return function log(...messages: any[]) {
         const clear = messages[messages.length - 1] === levels.clear;
@@ -30,6 +30,6 @@ export type Log = (...args: [...any[]]) => void;
 export function createDefaultLogger() {
     return createLogger(
         (level, ...messages) => level === 'info' && console.log(...messages),
-        console.clear
+        console.clear,
     );
 }
diff --git a/packages/cli/src/name-template.ts b/packages/cli/src/name-template.ts
index 866c1a6320..80ecb60b91 100644
--- a/packages/cli/src/name-template.ts
+++ b/packages/cli/src/name-template.ts
@@ -1,5 +1,5 @@
 export function nameTemplate(template: string, data: Record<string, string>) {
     return template.replace(/\[(.*?)\]/gm, (origin, key) =>
-        data[key] !== undefined ? data[key] : origin
+        data[key] !== undefined ? data[key] : origin,
     );
 }
diff --git a/packages/cli/src/report-diagnostics.ts b/packages/cli/src/report-diagnostics.ts
index a214a913ad..7443935415 100644
--- a/packages/cli/src/report-diagnostics.ts
+++ b/packages/cli/src/report-diagnostics.ts
@@ -12,7 +12,7 @@ export type DiagnosticMessages = Map<string, CLIDiagnostic[]>;
 export function reportDiagnostics(
     log: Log,
     diagnosticsMessages: DiagnosticMessages,
-    diagnosticsMode?: string
+    diagnosticsMode?: string,
 ) {
     let message = '[Stylable Diagnostics]';
     for (const [filePath, diagnostics] of diagnosticsMessages.entries()) {
@@ -30,7 +30,7 @@ export function reportDiagnostics(
 function hasErrorOrWarning(diagnosticsMessages: DiagnosticMessages) {
     for (const diagnostics of diagnosticsMessages.values()) {
         const has = diagnostics.some(
-            (diagnostic) => diagnostic.severity === 'error' || diagnostic.severity === 'warning'
+            (diagnostic) => diagnostic.severity === 'error' || diagnostic.severity === 'warning',
         );
 
         if (has) {
diff --git a/packages/cli/src/stc-builder.ts b/packages/cli/src/stc-builder.ts
index d14ad27229..966a13ee64 100644
--- a/packages/cli/src/stc-builder.ts
+++ b/packages/cli/src/stc-builder.ts
@@ -51,7 +51,7 @@ export class STCBuilder {
         private fs: STCBuilderFileSystem,
         private configFilePath?: string,
         private log?: Log,
-        private watchMode?: boolean
+        private watchMode?: boolean,
     ) {
         this.diagnosticsManager = new DiagnosticsManager({
             log: this.log,
@@ -135,7 +135,7 @@ export class STCBuilder {
     public reportDiagnostics = (
         context: EmitDiagnosticsContext,
         diagnosticsMode: DiagnosticsMode,
-        remove = false
+        remove = false,
     ) => {
         for (const [filePath] of this.diagnosticsMessages.entries()) {
             this.reportDiagnostic(filePath, context, diagnosticsMode, remove);
@@ -152,7 +152,7 @@ export class STCBuilder {
         filePath: string,
         context: EmitDiagnosticsContext,
         diagnosticsMode: DiagnosticsMode,
-        remove = false
+        remove = false,
     ) => {
         const diagnostics = this.diagnosticsMessages.get(filePath);
 
@@ -169,7 +169,7 @@ export class STCBuilder {
                     diagnostic.line && diagnostic.column
                         ? `:${diagnostic.line}:${diagnostic.column}`
                         : ''
-                }`
+                }`,
             );
         }
 
@@ -189,7 +189,7 @@ export class STCBuilder {
 
         for (const filePath of modifiedFiles) {
             const event = createWatchEvent(
-                this.fs.existsSync(filePath) ? this.fs.realpathSync(filePath) : filePath
+                this.fs.existsSync(filePath) ? this.fs.realpathSync(filePath) : filePath,
             );
 
             await this.watchHandler.listener(event);
@@ -204,7 +204,7 @@ function createNoopLogger() {
         },
         () => {
             return;
-        }
+        },
     );
 }
 
diff --git a/packages/cli/src/types.ts b/packages/cli/src/types.ts
index 170c4bb1a9..b583e1a82b 100644
--- a/packages/cli/src/types.ts
+++ b/packages/cli/src/types.ts
@@ -25,12 +25,12 @@ export type ConfigurationProvider<P extends string = string> = () => Configurati
  * @deprecated use stcConfig() instead
  */
 export function typedConfiguration<P extends string>(
-    configOrConfigProvider: Configuration<P> | ConfigurationProvider<P>
+    configOrConfigProvider: Configuration<P> | ConfigurationProvider<P>,
 ) {
     return configOrConfigProvider;
 }
 export function stcConfig<P extends string>(
-    configOrConfigProvider: Configuration<P> | ConfigurationProvider<P>
+    configOrConfigProvider: Configuration<P> | ConfigurationProvider<P>,
 ) {
     return configOrConfigProvider;
 }
@@ -47,7 +47,7 @@ export interface RawProjectEntity {
 export type STCProjects = ProjectEntity[];
 export type ResolveRequests = (
     projects: Array<RawProjectEntity>,
-    context: ResolveProjectsContext
+    context: ResolveProjectsContext,
 ) => Promise<STCProjects> | STCProjects;
 
 export interface ResolveProjectsContext {
diff --git a/packages/cli/src/watch-handler.ts b/packages/cli/src/watch-handler.ts
index d81e10399f..e1861d0b93 100644
--- a/packages/cli/src/watch-handler.ts
+++ b/packages/cli/src/watch-handler.ts
@@ -40,7 +40,10 @@ export class WatchHandler {
     private diagnosticsManager: DiagnosticsManager;
     private generatedFiles = new Set<string>();
 
-    constructor(private fileSystem: IFileSystem, private options: WatchHandlerOptions = {}) {
+    constructor(
+        private fileSystem: IFileSystem,
+        private options: WatchHandlerOptions = {},
+    ) {
         this.resolverCache = this.options.resolverCache ?? new Map();
         this.log = this.options.log ?? createDefaultLogger();
         this.diagnosticsManager =
@@ -105,7 +108,7 @@ export class WatchHandler {
                 this.log(
                     buildMessages.NO_DIAGNOSTICS(),
                     buildMessages.CONTINUE_WATCH(),
-                    levels.info
+                    levels.info,
                 );
             } else {
                 this.log(buildMessages.CONTINUE_WATCH(), levels.info);
diff --git a/packages/cli/test/assets.spec.ts b/packages/cli/test/assets.spec.ts
index ae2594da7f..d74301a848 100644
--- a/packages/cli/test/assets.spec.ts
+++ b/packages/cli/test/assets.spec.ts
@@ -46,7 +46,7 @@ describe('assets', function () {
                 log() {
                     /**/
                 },
-            }
+            },
         );
 
         expect(fs.readdirSync('/dist')).to.eql([
@@ -88,7 +88,7 @@ describe('assets', function () {
                 log() {
                     /**/
                 },
-            }
+            },
         );
 
         expect(fs.readdirSync('/dist')).to.eql([
diff --git a/packages/cli/test/build.spec.ts b/packages/cli/test/build.spec.ts
index 27e572bce3..bc7346548b 100644
--- a/packages/cli/test/build.spec.ts
+++ b/packages/cli/test/build.spec.ts
@@ -54,7 +54,7 @@ describe('build stand alone', () => {
                 rootDir: '/',
                 projectRoot: '/',
                 log,
-            }
+            },
         );
 
         [
@@ -100,7 +100,7 @@ describe('build stand alone', () => {
                 rootDir: '/',
                 projectRoot: '/',
                 log,
-            }
+            },
         );
 
         [
@@ -113,10 +113,10 @@ describe('build stand alone', () => {
         });
 
         expect(fs.readFileSync('/lib/main.st.css.js', 'utf-8')).to.include(
-            'require("./global.css.js");'
+            'require("./global.css.js");',
         );
         expect(fs.readFileSync('/lib/main.st.css.mjs', 'utf-8')).to.include(
-            'import "./global.css.mjs";'
+            'import "./global.css.mjs";',
         );
     });
 
@@ -145,7 +145,7 @@ describe('build stand alone', () => {
             resolveNamespace(n, s) {
                 const normalizedWindowsRoot = fs.relative(
                     '/',
-                    s.replace(/^\w:\\/, '/').replace('\\', '/')
+                    s.replace(/^\w:\\/, '/').replace('\\', '/'),
                 );
                 return n + murmurhash3_32_gc(normalizedWindowsRoot);
             },
@@ -165,7 +165,7 @@ describe('build stand alone', () => {
                 rootDir: '/',
                 projectRoot: '/',
                 log,
-            }
+            },
         );
 
         [
@@ -178,7 +178,7 @@ describe('build stand alone', () => {
         });
 
         expect(fs.readFileSync('/cjs/main.st.css', 'utf-8')).to.include(
-            'st-namespace-reference="../src/main.st.css"'
+            'st-namespace-reference="../src/main.st.css"',
         );
 
         await build(
@@ -193,13 +193,13 @@ describe('build stand alone', () => {
                 rootDir: '/',
                 projectRoot: '/',
                 log,
-            }
+            },
         );
 
         // check two builds using sourceNamespace are identical
         // compare two serializable js modules including their namespace
         expect(fs.readFileSync('/cjs/main.st.css.js', 'utf-8')).to.equal(
-            fs.readFileSync('/cjs2/main.st.css.js', 'utf-8')
+            fs.readFileSync('/cjs2/main.st.css.js', 'utf-8'),
         );
     });
 
@@ -241,15 +241,15 @@ describe('build stand alone', () => {
                 log,
                 diagnosticsManager,
                 identifier,
-            }
+            },
         );
         const messages = diagnosticsManager.get(identifier, '/comp.st.css')!.diagnostics;
 
         expect(messages[0].message).to.contain(
-            cssClassDiagnostics.CANNOT_RESOLVE_EXTEND('MissingComp')
+            cssClassDiagnostics.CANNOT_RESOLVE_EXTEND('MissingComp'),
         );
         expect(messages[1].message).to.contain(
-            stImportDiagnostics.UNKNOWN_IMPORTED_FILE('./missing-file.st.css')
+            stImportDiagnostics.UNKNOWN_IMPORTED_FILE('./missing-file.st.css'),
         );
         expect(messages[2].message).to.contain(stVarDiagnostics.UNKNOWN_VAR('missingVar'));
     });
@@ -287,7 +287,7 @@ describe('build stand alone', () => {
                 rootDir: '/',
                 projectRoot: '/',
                 log,
-            }
+            },
         );
 
         const builtFile = fs.readFileSync('/dist/comp.global.css', 'utf8');
@@ -344,7 +344,7 @@ describe('build stand alone', () => {
                 rootDir: '/',
                 projectRoot: '/',
                 log,
-            }
+            },
         );
 
         const builtFile = fs.readFileSync('/dist/comp.st.css.js', 'utf8');
@@ -385,7 +385,7 @@ describe('build stand alone', () => {
                 rootDir: '/',
                 projectRoot: '/',
                 log,
-            }
+            },
         );
 
         const builtFile = fs.readFileSync('/dist/comp.global.css', 'utf8');
@@ -431,7 +431,7 @@ describe('build stand alone', () => {
                 rootDir: '/',
                 projectRoot: '/',
                 log,
-            }
+            },
         );
 
         const builtFileCjs = fs.readFileSync('/dist/comp.st.css.js', 'utf8');
@@ -443,14 +443,14 @@ describe('build stand alone', () => {
         const runtimeMjs = fs.readFileSync('/dist/stylable-esm-runtime.mjs', 'utf8');
 
         expect(builtFileCjs, 'imports the cjs runtime with full extension').to.contain(
-            `./stylable-cjs-runtime.js`
+            `./stylable-cjs-runtime.js`,
         );
         expect(builtFileEsm, 'imports the esm runtime with full extension').to.contain(
-            `./stylable-esm-runtime.mjs`
+            `./stylable-esm-runtime.mjs`,
         );
         expect(
             innerPathBuiltFileEsm,
-            'imports the esm runtime with full extension with relative path'
+            'imports the esm runtime with full extension with relative path',
         ).to.contain(`./../stylable-esm-runtime.mjs`);
         expect(runtimeCjs).to.eql(`// runtime cjs`);
         expect(runtimeMjs).to.eql(`// runtime esm`);
@@ -488,17 +488,17 @@ describe('build stand alone', () => {
                 rootDir: '/',
                 projectRoot: '/',
                 log,
-            }
+            },
         );
 
         const builtFileCjs = fs.readFileSync('/dist/comp.st.css.cjs', 'utf8');
         const builtFileEsm = fs.readFileSync('/dist/comp.st.css.js', 'utf8');
 
         expect(builtFileCjs, 'imports the cjs runtime with full extension').to.contain(
-            `"@stylable/runtime"`
+            `"@stylable/runtime"`,
         );
         expect(builtFileEsm, 'imports the esm runtime with full extension').to.contain(
-            `"@stylable/runtime"`
+            `"@stylable/runtime"`,
         );
     });
 
@@ -533,14 +533,14 @@ describe('build stand alone', () => {
                 rootDir: '/',
                 projectRoot: '/',
                 log,
-            }
+            },
         );
 
         expect(fs.readFileSync('/dist/comp.st.css.js', 'utf8')).contains(
-            `require("./comp.global.css")`
+            `require("./comp.global.css")`,
         );
         expect(fs.readFileSync('/dist/comp.st.css.mjs', 'utf8')).contains(
-            `import "./comp.global.css"`
+            `import "./comp.global.css"`,
         );
         expect(fs.existsSync('/dist/comp.global.css')).to.equal(true);
     });
@@ -571,7 +571,7 @@ describe('build stand alone', () => {
                 rootDir: '/',
                 projectRoot: '/',
                 log,
-            }
+            },
         );
 
         ['/main.st.css', '/main.st.css.d.ts'].forEach((p) => {
@@ -613,7 +613,7 @@ describe('build stand alone', () => {
                 rootDir: '/',
                 projectRoot: '/',
                 log,
-            }
+            },
         );
 
         ['/main.st.css', '/main.st.css.d.ts'].forEach((p) => {
@@ -669,7 +669,7 @@ describe('build stand alone', () => {
                 rootDir: '/',
                 projectRoot: '/',
                 log,
-            }
+            },
         );
 
         ['/main.st.css', '/main.st.css.d.ts', '/main.st.css.d.ts.map'].forEach((p) => {
@@ -726,11 +726,11 @@ describe('build - bundle', () => {
                 rootDir: '/',
                 projectRoot: '/',
                 log,
-            }
+            },
         );
 
         expect(fs.readFileSync('/lib/bundle.css', 'utf8')).to.equal(
-            '.comp__baga{color:red}.main__gaga{color:#00f}'
+            '.comp__baga{color:red}.main__gaga{color:#00f}',
         );
     });
     it('should rewrite relative urls', async () => {
@@ -774,11 +774,11 @@ describe('build - bundle', () => {
                 rootDir: '/',
                 projectRoot: '/',
                 log,
-            }
+            },
         );
 
         expect(fs.readFileSync('/lib/bundle.css', 'utf8')).to.equal(
-            '.label__part,.button__root{background-image:url(./components/label/image.png)}'
+            '.label__part,.button__root{background-image:url(./components/label/image.png)}',
         );
     });
 });
diff --git a/packages/cli/test/cli-codemod.spec.ts b/packages/cli/test/cli-codemod.spec.ts
index ce4441341d..c39ab1c60b 100644
--- a/packages/cli/test/cli-codemod.spec.ts
+++ b/packages/cli/test/cli-codemod.spec.ts
@@ -88,7 +88,7 @@ describe('Stylable Cli Code Mods', () => {
 
         expect(dirContent['style.st.css']).equal(`.root{}`);
         expect(stdout, 'Summery contains the skipped file prefixed with "−"').to.match(
-            /Summery:\n\[CodeMod\] − .*?style\.st\.css/
+            /Summery:\n\[CodeMod\] − .*?style\.st\.css/,
         );
     });
 
diff --git a/packages/cli/test/cli.spec.ts b/packages/cli/test/cli.spec.ts
index 6624b1af2e..b3d61816c4 100644
--- a/packages/cli/test/cli.spec.ts
+++ b/packages/cli/test/cli.spec.ts
@@ -39,8 +39,8 @@ describe('Stylable Cli', function () {
         expect(
             evalStylableModule<{ namespace: string }>(
                 dirContent['style.st.css.js'],
-                'style.st.css.js'
-            ).namespace
+                'style.st.css.js',
+            ).namespace,
         ).equal('test-ns-0');
     });
 
@@ -62,8 +62,8 @@ describe('Stylable Cli', function () {
         expect(
             evalStylableModule<{ namespace: string }>(
                 dirContent['style.st.css.js'],
-                'style.st.css.js'
-            ).namespace
+                'style.st.css.js',
+            ).namespace,
         ).equal('test-ns-0');
     });
 
@@ -151,9 +151,9 @@ describe('Stylable Cli', function () {
             expect(
                 evalStylableModule<{ namespace: string }>(
                     loadDirSync(tempDir.path)['style.st.css.js'],
-                    'style.st.css.js'
+                    'style.st.css.js',
                 ).namespace,
-                'default'
+                'default',
             ).equal(resolveNamespace('style', join(tempDir.path, 'style.st.css')));
         }
         {
@@ -169,7 +169,7 @@ describe('Stylable Cli', function () {
                             };
                         },
                     };
-                `
+                `,
             );
 
             runCliSync(['--rootDir', tempDir.path, '--cjs']);
@@ -177,9 +177,9 @@ describe('Stylable Cli', function () {
             expect(
                 evalStylableModule<{ namespace: string }>(
                     loadDirSync(tempDir.path)['style.st.css.js'],
-                    'style.st.css.js'
+                    'style.st.css.js',
                 ).namespace,
-                'stylable.config'
+                'stylable.config',
             ).equal('config-ns-0');
         }
         {
@@ -191,7 +191,7 @@ describe('Stylable Cli', function () {
                     module.exports.resolveNamespace = function resolveNamespace() {
                         return 'custom-ns-' + c++;
                     }
-                `
+                `,
             );
 
             runCliSync(['--rootDir', tempDir.path, '--nsr', './custom-ns-resolver.js', '--cjs']);
@@ -199,9 +199,9 @@ describe('Stylable Cli', function () {
             expect(
                 evalStylableModule<{ namespace: string }>(
                     loadDirSync(tempDir.path)['style.st.css.js'],
-                    'style.st.css.js'
+                    'style.st.css.js',
                 ).namespace,
-                'cli argument'
+                'cli argument',
             ).equal('custom-ns-0');
         }
     });
@@ -225,7 +225,7 @@ describe('Stylable Cli', function () {
         const stylesheetContent = dirContent['dist/style.st.css'];
 
         expect(stylesheetContent.endsWith('/* st-namespace-reference="../style.st.css" */')).equal(
-            true
+            true,
         );
     });
 
@@ -254,10 +254,10 @@ describe('Stylable Cli', function () {
 
         expect(stylesheetContent).to.equal(srcContent);
         expect(dtsContent.startsWith('/* THIS FILE IS AUTO GENERATED DO NOT MODIFY */')).to.equal(
-            true
+            true,
         );
         expect(
-            dtsSourceMapContent.startsWith('{\n    "version": 3,\n    "file": "style.st.css.d.ts"')
+            dtsSourceMapContent.startsWith('{\n    "version": 3,\n    "file": "style.st.css.d.ts"'),
         ).to.equal(true);
     });
 
@@ -281,10 +281,10 @@ describe('Stylable Cli', function () {
         const dtsSourceMapContent = dirContent['dist/style.st.css.d.ts.map'];
 
         expect(dtsContent.startsWith('/* THIS FILE IS AUTO GENERATED DO NOT MODIFY */')).to.equal(
-            true
+            true,
         );
         expect(
-            dtsSourceMapContent.startsWith('{\n    "version": 3,\n    "file": "style.st.css.d.ts"')
+            dtsSourceMapContent.startsWith('{\n    "version": 3,\n    "file": "style.st.css.d.ts"'),
         ).to.equal(true);
 
         expect(status).to.equal(0);
@@ -304,11 +304,11 @@ describe('Stylable Cli', function () {
         const dtsSourceMapContent = dirContent['dist/style.st.css.d.ts.map'];
 
         expect(
-            dtsSourceMapContent.startsWith('{\n    "version": 3,\n    "file": "style.st.css.d.ts"')
+            dtsSourceMapContent.startsWith('{\n    "version": 3,\n    "file": "style.st.css.d.ts"'),
         ).to.equal(true);
         expect(dtsSourceMapContent).to.contain(
             `"sources": [\n        "../src/style.st.css"\n    ]`,
-            `expected to contain source file path for "${dtsSourceMapContent}"`
+            `expected to contain source file path for "${dtsSourceMapContent}"`,
         );
     });
 
@@ -336,7 +336,7 @@ describe('Stylable Cli', function () {
         const dtsSourceMapContent = dirContent['dist/style.st.css.d.ts.map'];
 
         expect(
-            dtsSourceMapContent.startsWith('{\n    "version": 3,\n    "file": "style.st.css.d.ts"')
+            dtsSourceMapContent.startsWith('{\n    "version": 3,\n    "file": "style.st.css.d.ts"'),
         ).to.equal(true);
         expect(dtsSourceMapContent).to.contain(`"sources": [\n        "style.st.css"\n    ]`);
     });
@@ -366,10 +366,10 @@ describe('Stylable Cli', function () {
 
         expect(stylesheetContent).to.equal(srcContent);
         expect(dtsContent.startsWith('/* THIS FILE IS AUTO GENERATED DO NOT MODIFY */')).to.equal(
-            true
+            true,
         );
         expect(
-            dtsSourceMapContent.startsWith('{\n    "version": 3,\n    "file": "style.st.css.d.ts"')
+            dtsSourceMapContent.startsWith('{\n    "version": 3,\n    "file": "style.st.css.d.ts"'),
         ).to.equal(true);
     });
 
@@ -400,7 +400,7 @@ describe('Stylable Cli', function () {
 
         expect(stylesheetContent).to.equal(srcContent);
         expect(dtsContent.startsWith('/* THIS FILE IS AUTO GENERATED DO NOT MODIFY */')).to.equal(
-            true
+            true,
         );
         expect(dtsSourceMapContent).to.equal(undefined);
     });
@@ -492,8 +492,8 @@ describe('Stylable Cli', function () {
             expect(status).to.equal(0);
             expect(stdout, 'stdout').to.match(
                 new RegExp(
-                    `No target output declared for "(.*?)", please provide one or more of the following target options: "cjs", "esm", "css", "stcss" or "indexFile"`
-                )
+                    `No target output declared for "(.*?)", please provide one or more of the following target options: "cjs", "esm", "css", "stcss" or "indexFile"`,
+                ),
             );
         });
 
@@ -516,9 +516,9 @@ describe('Stylable Cli', function () {
                 new RegExp(
                     `\\[info\\: \\d+]: ${stVarDiagnostics.DEPRECATED_ST_FUNCTION_NAME(
                         'stArray',
-                        'st-array'
-                    )}`
-                )
+                        'st-array',
+                    )}`,
+                ),
             );
         });
 
@@ -581,8 +581,8 @@ describe('Stylable Cli', function () {
             expect(status).to.equal(1);
             expect(
                 stdout.match(
-                    new RegExp(STImport.diagnostics.NO_ST_IMPORT_IN_NESTED_SCOPE().message, 'g')
-                )
+                    new RegExp(STImport.diagnostics.NO_ST_IMPORT_IN_NESTED_SCOPE().message, 'g'),
+                ),
             ).to.have.length(1);
         });
 
@@ -603,7 +603,7 @@ describe('Stylable Cli', function () {
                 '--cjs=false',
             ]);
             expect(res.stderr).to.contain(
-                'Error: Invalid configuration: When using "stcss" outDir and srcDir must be different.'
+                'Error: Invalid configuration: When using "stcss" outDir and srcDir must be different.',
             );
         });
     });
@@ -675,7 +675,7 @@ describe('Stylable Cli', function () {
                             return {
                                 resolveModule: createWebpackResolver(fs, {
                                     plugins: [new TsconfigPathsPlugin({ configFile: join(${JSON.stringify(
-                                        tempDir.path
+                                        tempDir.path,
                                     )},'tsconfig.json') })],
                                 })
                             };
diff --git a/packages/cli/test/code-format-cli.spec.ts b/packages/cli/test/code-format-cli.spec.ts
index 2245100544..b63d22a5d8 100644
--- a/packages/cli/test/code-format-cli.spec.ts
+++ b/packages/cli/test/code-format-cli.spec.ts
@@ -154,7 +154,7 @@ describe('Stylable Code Format Cli', function () {
                             green,
                             blue;
                     }
-                `)
+                `),
             );
         });
         it('should accept configuration', () => {
@@ -186,7 +186,7 @@ describe('Stylable Code Format Cli', function () {
                       prop2: 123456789
                              123456789;
                     }
-                `) + '\n'
+                `) + '\n',
             );
             //
         });
@@ -207,7 +207,7 @@ describe('Stylable Code Format Cli', function () {
             expect(dirContent[filePath]).to.equal(fileContent);
             expect(stdout).to.equal('');
             expect(stderr).to.include(
-                'cannot find any Stylable stylesheets (.st.css) in directory'
+                'cannot find any Stylable stylesheets (.st.css) in directory',
             );
         });
 
diff --git a/packages/cli/test/codemods/namespace-to-st-namespace.spec.ts b/packages/cli/test/codemods/namespace-to-st-namespace.spec.ts
index cf0058454c..ad1e170388 100644
--- a/packages/cli/test/codemods/namespace-to-st-namespace.spec.ts
+++ b/packages/cli/test/codemods/namespace-to-st-namespace.spec.ts
@@ -52,7 +52,7 @@ describe('CLI Codemods namespace-to-st-namespace', () => {
         const dirContent = loadDirSync(tempDir.path);
 
         expect(dirContent['style.st.css']).equal(
-            '@namespace "http://button"; @namespace prefix "btn";'
+            '@namespace "http://button"; @namespace prefix "btn";',
         );
     });
 });
diff --git a/packages/cli/test/codemods/st-global-custom-property-to-at-property.spec.ts b/packages/cli/test/codemods/st-global-custom-property-to-at-property.spec.ts
index 823bb0265d..e9bc13c678 100644
--- a/packages/cli/test/codemods/st-global-custom-property-to-at-property.spec.ts
+++ b/packages/cli/test/codemods/st-global-custom-property-to-at-property.spec.ts
@@ -55,7 +55,7 @@ describe('CLI Codemods st-global-custom-property-to-at-property', () => {
         const dirContent = loadDirSync(tempDir.path);
 
         expect(dirContent['style.st.css']).equal(
-            '@property st-global(--myVar);\n@property st-global(--mySecondVar);\n@property st-global(--myThirdVar);'
+            '@property st-global(--myVar);\n@property st-global(--mySecondVar);\n@property st-global(--myThirdVar);',
         );
     });
 
@@ -77,12 +77,12 @@ describe('CLI Codemods st-global-custom-property-to-at-property', () => {
         expect(stdout).to.match(
             new RegExp(
                 `style.st.css: ${cssCustomPropertyDiagnostics.GLOBAL_CSS_VAR_MISSING_COMMA(
-                    '--myVar --mySecondVar'
-                )}`
-            )
+                    '--myVar --mySecondVar',
+                )}`,
+            ),
         );
         expect(dirContent['style.st.css']).equal(
-            '@st-global-custom-property --myVar --mySecondVar;'
+            '@st-global-custom-property --myVar --mySecondVar;',
         );
     });
 });
diff --git a/packages/cli/test/codemods/st-import-to-at-import.spec.ts b/packages/cli/test/codemods/st-import-to-at-import.spec.ts
index 9cac8f4f9e..fcb4890c69 100644
--- a/packages/cli/test/codemods/st-import-to-at-import.spec.ts
+++ b/packages/cli/test/codemods/st-import-to-at-import.spec.ts
@@ -29,7 +29,7 @@ describe('CLI Codemods st-import-to-at-import', () => {
         const dirContent = loadDirSync(tempDir.path);
 
         expect(dirContent['style.st.css']).equal(
-            '@st-import Name, [name1 as name1Alias, name2, --var1, keyframes(kf1 as kf1Alias, kf2, kf3, kf4)] from "./x";'
+            '@st-import Name, [name1 as name1Alias, name2, --var1, keyframes(kf1 as kf1Alias, kf2, kf3, kf4)] from "./x";',
         );
     });
 
@@ -49,7 +49,7 @@ describe('CLI Codemods st-import-to-at-import', () => {
         const dirContent = loadDirSync(tempDir.path);
 
         expect(dirContent['style.st.css']).equal(
-            `:import {-st-from: './x.st.css'; -st-from: './y.st.css';}`
+            `:import {-st-from: './x.st.css'; -st-from: './y.st.css';}`,
         );
         expect(stdout).to.match(new RegExp(parseImportMessages.MULTIPLE_FROM_IN_IMPORT().message));
     });
diff --git a/packages/cli/test/config-options.spec.ts b/packages/cli/test/config-options.spec.ts
index 023bdac964..4900f84dfc 100644
--- a/packages/cli/test/config-options.spec.ts
+++ b/packages/cli/test/config-options.spec.ts
@@ -212,7 +212,7 @@ describe('Stylable CLI config file options', function () {
                             options: { 
                                 indexFile: 'my-index.st.css',
                                 IndexGenerator: require(${JSON.stringify(
-                                    require.resolve('./fixtures/test-generator')
+                                    require.resolve('./fixtures/test-generator'),
                                 )}).Generator,
                                 outDir: './dist',
                             }
@@ -231,7 +231,7 @@ describe('Stylable CLI config file options', function () {
         expect(stdout, 'has diagnostic error').not.to.match(/error/i);
 
         const indexFileResult = readFileSync(
-            join(tempDir.path, 'dist', 'my-index.st.css')
+            join(tempDir.path, 'dist', 'my-index.st.css'),
         ).toString();
 
         expect(indexFileResult.trim()).to.eql(
@@ -240,7 +240,7 @@ describe('Stylable CLI config file options', function () {
                 '.root Style0{}',
                 ':import {-st-from: "../comp-A.st.css";-st-default:Style1;}',
                 '.root Style1{}',
-            ].join('\n')
+            ].join('\n'),
         );
     });
 
@@ -255,7 +255,7 @@ describe('Stylable CLI config file options', function () {
                             options: { 
                                 indexFile: 'my-index.st.css',
                                 IndexGenerator: require(${JSON.stringify(
-                                    require.resolve('./fixtures/named-exports-generator')
+                                    require.resolve('./fixtures/named-exports-generator'),
                                 )}).Generator,
                                 outDir: './dist',
                             }
@@ -279,7 +279,7 @@ describe('Stylable CLI config file options', function () {
         expect(stdout, 'has diagnostic error').not.to.match(/error/i);
 
         const indexFileResult = readFileSync(
-            join(tempDir.path, 'dist', 'my-index.st.css')
+            join(tempDir.path, 'dist', 'my-index.st.css'),
         ).toString();
 
         expect(indexFileResult.trim()).to.eql(
@@ -288,7 +288,7 @@ describe('Stylable CLI config file options', function () {
                 '.root Style0{}',
                 ':import {-st-from: "../comp-A.st.css";-st-default:Style1;}',
                 '.root Style1{}',
-            ].join('\n')
+            ].join('\n'),
         );
     });
 
diff --git a/packages/cli/test/config-projects.spec.ts b/packages/cli/test/config-projects.spec.ts
index 359df288ff..5eb25e4cd1 100644
--- a/packages/cli/test/config-projects.spec.ts
+++ b/packages/cli/test/config-projects.spec.ts
@@ -482,7 +482,7 @@ describe('Stylable CLI config multiple projects', function () {
                 .to.be.lessThan(stylableError)
                 .and.lessThan(secondError);
             expect(stdout.match(STVar.diagnostics.UNKNOWN_VAR('unknown').message)?.length).to.eql(
-                1
+                1,
             );
         });
 
@@ -551,7 +551,7 @@ describe('Stylable CLI config multiple projects', function () {
 
             expect(stdout, 'has diagnostic error').not.to.match(/error/i);
             expect(stderr).to.match(
-                new RegExp(`Error: Stylable CLI config can not have a duplicate project requests`)
+                new RegExp(`Error: Stylable CLI config can not have a duplicate project requests`),
             );
         });
 
@@ -586,8 +586,8 @@ describe('Stylable CLI config multiple projects', function () {
             expect(stdout, 'has diagnostic error').not.to.match(/error/i);
             expect(stderr).to.match(
                 new RegExp(
-                    `Error: Stylable CLI config can not resolve project request "packages/project-b"`
-                )
+                    `Error: Stylable CLI config can not resolve project request "packages/project-b"`,
+                ),
             );
         });
 
@@ -700,7 +700,7 @@ describe('Stylable CLI config multiple projects', function () {
 
             expect(stdout, 'has diagnostic error').not.to.match(/error/i);
             expect(stderr, 'has cli error').to.include(
-                'Error: "packages/*" options - "dtsSourceMap" requires turning on "dts"'
+                'Error: "packages/*" options - "dtsSourceMap" requires turning on "dts"',
             );
         });
     });
diff --git a/packages/cli/test/directory-process-service/directory-process-service.spec.ts b/packages/cli/test/directory-process-service/directory-process-service.spec.ts
index 93a4e3588e..413b879fa1 100644
--- a/packages/cli/test/directory-process-service/directory-process-service.spec.ts
+++ b/packages/cli/test/directory-process-service/directory-process-service.spec.ts
@@ -68,7 +68,7 @@ describe('DirectoryWatchService', () => {
                 `
                 const ATemplate = use('./a.template.js');
                 output(\`0(\${ATemplate})\`);
-            `
+            `,
             );
 
             await waitFor(() => {
@@ -82,7 +82,7 @@ describe('DirectoryWatchService', () => {
                 '/a.template.js',
                 `
                 output('A()');
-            `
+            `,
             );
 
             await waitFor(() => {
@@ -334,7 +334,7 @@ describe('DirectoryWatchService', () => {
                 /* changed */
                 const CTemplate = use('./c.template.js');
                 output(\`B(\${CTemplate})\`);
-                `
+                `,
             );
 
             await waitFor(() => {
@@ -355,7 +355,7 @@ describe('DirectoryWatchService', () => {
                 /* changed */
                 const ATemplate = use('./a.template.js');
                 output(\`0(\${ATemplate}\`);
-                `
+                `,
             );
 
             await waitFor(() => {
@@ -421,7 +421,7 @@ function writeTemplateOutputToDist(fs: IFileSystem, filePath: string, value: str
 
 function expectInvalidationMap(
     watcher: DirectoryProcessService,
-    expected: Record<string, string[]>
+    expected: Record<string, string[]>,
 ) {
     const actual: Record<string, string[]> = {};
     for (const [key, invalidationSet] of watcher.invalidationMap) {
diff --git a/packages/cli/test/generate-index.spec.ts b/packages/cli/test/generate-index.spec.ts
index ae914b35d7..2fcb78dabe 100644
--- a/packages/cli/test/generate-index.spec.ts
+++ b/packages/cli/test/generate-index.spec.ts
@@ -37,7 +37,7 @@ describe('build index', () => {
                 rootDir: '/',
                 projectRoot: '/',
                 log,
-            }
+            },
         );
 
         const res = fs.readFileSync('/index.st.css', 'utf8');
@@ -48,7 +48,7 @@ describe('build index', () => {
                 '.root CompA{}',
                 ':import {-st-from: "./a/b/comp-B.st.css";-st-default:CompB;}',
                 '.root CompB{}',
-            ].join('\n')
+            ].join('\n'),
         );
     });
     it('should create index file importing all matched stylesheets in outDir (outputSources)', async () => {
@@ -82,7 +82,7 @@ describe('build index', () => {
                 rootDir: '/',
                 projectRoot: '/',
                 log,
-            }
+            },
         );
 
         const res = fs.readFileSync('./dist/index.st.css', 'utf8');
@@ -93,7 +93,7 @@ describe('build index', () => {
                 '.root CompA{}',
                 ':import {-st-from: "./a/b/comp-B.st.css";-st-default:CompB;}',
                 '.root CompB{}',
-            ].join('\n')
+            ].join('\n'),
         );
     });
 
@@ -128,7 +128,7 @@ describe('build index', () => {
                 rootDir: '/',
                 projectRoot: '/',
                 log,
-            }
+            },
         );
 
         const res = fs.readFileSync('/dist/index.st.css', 'utf8');
@@ -139,7 +139,7 @@ describe('build index', () => {
                 '.root CompA{}',
                 ':import {-st-from: "../src/a/b/comp-B.st.css";-st-default:CompB;}',
                 '.root CompB{}',
-            ].join('\n')
+            ].join('\n'),
         );
     });
     it('should create index file using a the default generator', async () => {
@@ -170,7 +170,7 @@ describe('build index', () => {
                 rootDir: '/',
                 projectRoot: '/',
                 log,
-            }
+            },
         );
 
         const res = fs.readFileSync('/index.st.css', 'utf8');
@@ -181,7 +181,7 @@ describe('build index', () => {
                 '.root CompA{}',
                 ':import {-st-from: "./b/1-some-comp-B-.st.css";-st-default:SomeCompB;}',
                 '.root SomeCompB{}',
-            ].join('\n')
+            ].join('\n'),
         );
     });
     it('should create index file using a custom generator', async () => {
@@ -213,7 +213,7 @@ describe('build index', () => {
                 rootDir: '/',
                 projectRoot: '/',
                 log,
-            }
+            },
         );
 
         const res = fs.readFileSync('/index.st.css', 'utf8');
@@ -224,7 +224,7 @@ describe('build index', () => {
                 '.root Style0{}',
                 ':import {-st-from: "./b/1-some-comp-B-.st.css";-st-default:Style1;}',
                 '.root Style1{}',
-            ].join('\n')
+            ].join('\n'),
         );
     });
     it('should create index file when srcDir is parent directory of outDir', async () => {
@@ -257,7 +257,7 @@ describe('build index', () => {
                 rootDir: '/',
                 projectRoot: '/',
                 log,
-            }
+            },
         );
 
         expect(fs.existsSync('/index.st.css'), 'index is not generated').to.eql(true);
@@ -270,7 +270,7 @@ describe('build index', () => {
                 '.root CompA{}',
                 ':import {-st-from: "./dist/a/b/comp-B.st.css";-st-default:CompB;}',
                 '.root CompB{}',
-            ].join('\n')
+            ].join('\n'),
         );
     });
     it('custom generator is able to filter files from the index', async () => {
@@ -302,13 +302,13 @@ describe('build index', () => {
                 rootDir: '/',
                 projectRoot: '/',
                 log,
-            }
+            },
         );
 
         const res = fs.readFileSync('/index.st.css', 'utf8');
 
         expect(res.trim()).to.equal(
-            ':import {-st-from: "./comp-A.st.css";-st-default:Style0;}\n.root Style0{}'
+            ':import {-st-from: "./comp-A.st.css";-st-default:Style0;}\n.root Style0{}',
         );
     });
     it('should create index file using a custom generator with named exports generation and @st-namespace', async () => {
@@ -346,7 +346,7 @@ describe('build index', () => {
                 rootDir: '/',
                 projectRoot: '/',
                 log,
-            }
+            },
         );
 
         const res = fs.readFileSync('/index.st.css', 'utf8');
@@ -360,7 +360,7 @@ describe('build index', () => {
                 ':import {-st-from: "./b/1-some-comp-B-.st.css";-st-default:SomeCompB;-st-named: b as SomeCompB__b;}',
                 '.root SomeCompB{}',
                 '.root .SomeCompB__b{}',
-            ].join('\n')
+            ].join('\n'),
         );
     });
     it('should create non-existing folders in path to the generated indexFile', async () => {
@@ -387,13 +387,15 @@ describe('build index', () => {
                 rootDir: '/',
                 projectRoot: '/',
                 log,
-            }
+            },
         );
 
         const res = fs.readFileSync('/some-dir/other-dir/index.st.css', 'utf8');
 
         expect(res.trim()).to.equal(
-            [':import {-st-from: "../../comp.st.css";-st-default:Comp;}', '.root Comp{}'].join('\n')
+            [':import {-st-from: "../../comp.st.css";-st-default:Comp;}', '.root Comp{}'].join(
+                '\n',
+            ),
         );
     });
     it('should handle name collisions by failing', async () => {
@@ -427,11 +429,11 @@ describe('build index', () => {
                 projectRoot: '/',
                 log,
                 diagnosticsManager,
-            }
+            },
         );
 
         expect(diagnosticsManager.get('/', '/a/comp.st.css')?.diagnostics[0].message).to.equal(
-            `Name Collision Error:\nexport symbol Comp from ${'/a/comp.st.css'} is already used by ${'/comp.st.css'}`
+            `Name Collision Error:\nexport symbol Comp from ${'/a/comp.st.css'} is already used by ${'/comp.st.css'}`,
         );
     });
 });
diff --git a/packages/cli/test/watch-multiple-projects.spec.ts b/packages/cli/test/watch-multiple-projects.spec.ts
index 21a026f253..54066672dd 100644
--- a/packages/cli/test/watch-multiple-projects.spec.ts
+++ b/packages/cli/test/watch-multiple-projects.spec.ts
@@ -62,14 +62,14 @@ describe('Stylable Cli Watch - Multiple projects', function () {
                     action() {
                         return writeToExistingFile(
                             join(tempDir.path, 'packages', 'project-a', 'style.st.css'),
-                            '.root{ color:yellow; }'
+                            '.root{ color:yellow; }',
                         );
                     },
                 },
                 {
                     msg: buildMessages.FINISHED_PROCESSING(
                         1,
-                        join(tempDir.path, 'packages', 'project-a')
+                        join(tempDir.path, 'packages', 'project-a'),
                     ),
                 },
             ],
@@ -135,7 +135,7 @@ describe('Stylable Cli Watch - Multiple projects', function () {
                             join(tempDir.path, './packages/project-b/src/depend.st.css'),
                             `:vars {
                                     color: blue;
-                                }`
+                                }`,
                         );
                     },
                 },
@@ -152,15 +152,15 @@ describe('Stylable Cli Watch - Multiple projects', function () {
         expect(files['packages/project-a/dist/style.css']).to.include('color:blue');
         expect(
             Object.keys(files).some(
-                (fileName) => fileName.includes('project-b') && fileName.includes('style.st.css')
+                (fileName) => fileName.includes('project-b') && fileName.includes('style.st.css'),
             ),
-            'have files from package "a" inside package "b"'
+            'have files from package "a" inside package "b"',
         ).to.eql(false);
         expect(
             Object.keys(files).some(
-                (fileName) => fileName.includes('project-a') && fileName.includes('depend.st.css')
+                (fileName) => fileName.includes('project-a') && fileName.includes('depend.st.css'),
             ),
-            'have files from package "b" inside package "a"'
+            'have files from package "b" inside package "a"',
         ).to.eql(false);
     });
 
@@ -236,13 +236,13 @@ describe('Stylable Cli Watch - Multiple projects', function () {
                             .a::foo {color: red;}
 
                             .a::bar {color: blue;}
-                            `
+                            `,
                         );
                     },
                 },
                 {
                     msg: buildMessages.CHANGE_DETECTED(
-                        join(tempDir.path, 'packages', 'project-a', 'style.st.css')
+                        join(tempDir.path, 'packages', 'project-a', 'style.st.css'),
                     ),
                     action() {
                         return writeToExistingFile(
@@ -250,18 +250,18 @@ describe('Stylable Cli Watch - Multiple projects', function () {
                             `
                                 .foo {}
                                 .bar {}
-                                `
+                                `,
                         );
                     },
                 },
                 {
                     msg: buildMessages.CHANGE_DETECTED(
-                        join(tempDir.path, 'packages', 'project-b', 'foo.st.css')
+                        join(tempDir.path, 'packages', 'project-b', 'foo.st.css'),
                     ),
                 },
                 {
                     msg: buildMessages.CHANGE_EVENT_TRIGGERED(
-                        join(tempDir.path, 'packages', 'project-b', 'dist', 'index.st.css')
+                        join(tempDir.path, 'packages', 'project-b', 'dist', 'index.st.css'),
                     ),
                 },
             ],
@@ -270,11 +270,11 @@ describe('Stylable Cli Watch - Multiple projects', function () {
         const files = loadDirSync(tempDir.path);
         expect(
             files['packages/project-a/dist/style.css'],
-            `Expected styling to apply.\nBuild output:\n\n${output()}`
+            `Expected styling to apply.\nBuild output:\n\n${output()}`,
         ).to.match(/foo[0-9]+__foo {color: red;}/g);
         expect(
             files['packages/project-a/dist/style.css'],
-            `Expected styling to apply.\nBuild output:\n\n${output()}`
+            `Expected styling to apply.\nBuild output:\n\n${output()}`,
         ).to.match(/foo[0-9]+__bar {color: blue;}/g);
     });
 
@@ -335,7 +335,7 @@ describe('Stylable Cli Watch - Multiple projects', function () {
                             join(tempDir.path, './packages/project-b/mixin.js'),
                             `module.exports = {
                                     color: 'blue'
-                                }`
+                                }`,
                         );
                     },
                 },
@@ -379,14 +379,14 @@ describe('Stylable Cli Watch - Multiple projects', function () {
                     action() {
                         return writeToExistingFile(
                             join(tempDir.path, 'packages', 'project-a', 'style.st.css'),
-                            '.x.y{ -st-states: z; }'
+                            '.x.y{ -st-states: z; }',
                         );
                     },
                 },
                 {
                     msg: buildMessages.FINISHED_PROCESSING(
                         1,
-                        join(tempDir.path, 'packages', 'project-a')
+                        join(tempDir.path, 'packages', 'project-a'),
                     ),
                 },
                 {
@@ -394,14 +394,14 @@ describe('Stylable Cli Watch - Multiple projects', function () {
                     action() {
                         return writeToExistingFile(
                             join(tempDir.path, 'packages', 'project-a', 'style.st.css'),
-                            '.root{ color:blue; }'
+                            '.root{ color:blue; }',
                         );
                     },
                 },
                 {
                     msg: buildMessages.FINISHED_PROCESSING(
                         1,
-                        join(tempDir.path, 'packages', 'project-a')
+                        join(tempDir.path, 'packages', 'project-a'),
                     ),
                 },
             ],
@@ -461,14 +461,14 @@ describe('Stylable Cli Watch - Multiple projects', function () {
                                 @st-import Module from './does-not-exist.st.css';
 
                                 .root{ -st-extends: Module; color:blue; }
-                                `
+                                `,
                         );
                     },
                 },
                 {
                     msg: buildMessages.FINISHED_PROCESSING(
                         1,
-                        `[1] ${sep + join('packages', 'project-a')}`
+                        `[1] ${sep + join('packages', 'project-a')}`,
                     ),
                 },
                 {
@@ -537,8 +537,8 @@ describe('Stylable Cli Watch - Multiple projects', function () {
 
         expect(
             output().match(
-                STImport.diagnostics.UNKNOWN_IMPORTED_FILE('./does-not-exist.st.css').message
-            )
+                STImport.diagnostics.UNKNOWN_IMPORTED_FILE('./does-not-exist.st.css').message,
+            ),
         ).to.lengthOf(1);
     });
 });
diff --git a/packages/cli/test/watch-single-project.spec.ts b/packages/cli/test/watch-single-project.spec.ts
index 90be393149..03e1791110 100644
--- a/packages/cli/test/watch-single-project.spec.ts
+++ b/packages/cli/test/watch-single-project.spec.ts
@@ -54,7 +54,7 @@ describe('Stylable Cli Watch - Single project', function () {
                     action() {
                         return writeToExistingFile(
                             join(tempDir.path, 'depend.st.css'),
-                            '.root{ color:yellow; }'
+                            '.root{ color:yellow; }',
                         );
                     },
                 },
@@ -95,7 +95,7 @@ describe('Stylable Cli Watch - Single project', function () {
                     action() {
                         return writeToExistingFile(
                             join(tempDir.path, 'deep.st.css'),
-                            ':vars { color: green; }'
+                            ':vars { color: green; }',
                         );
                     },
                 },
@@ -122,7 +122,7 @@ describe('Stylable Cli Watch - Single project', function () {
                     action() {
                         return writeFile(
                             join(tempDir.path, 'style.st.css'),
-                            `.root{ color:green }`
+                            `.root{ color:green }`,
                         );
                     },
                 },
@@ -266,7 +266,7 @@ describe('Stylable Cli Watch - Single project', function () {
                     action() {
                         renameSync(
                             join(tempDir.path, 'style.st.css'),
-                            join(tempDir.path, 'style-renamed.st.css')
+                            join(tempDir.path, 'style-renamed.st.css'),
                         );
                     },
                 },
@@ -349,7 +349,7 @@ describe('Stylable Cli Watch - Single project', function () {
                                 @st-import Module from './does-not-exist.st.css';
                     
                                 .root{ color: blue; }
-                                `
+                                `,
                         );
                     },
                 },
@@ -378,7 +378,7 @@ describe('Stylable Cli Watch - Single project', function () {
                     action() {
                         return writeFile(
                             join(tempDir.path, 'style.st.css'),
-                            `.root{ color:green }`
+                            `.root{ color:green }`,
                         );
                     },
                 },
@@ -387,7 +387,7 @@ describe('Stylable Cli Watch - Single project', function () {
                     action() {
                         return writeToExistingFile(
                             join(tempDir.path, 'style.st.css'),
-                            `.root{ color:blue }`
+                            `.root{ color:blue }`,
                         );
                     },
                 },
@@ -428,7 +428,7 @@ describe('Stylable Cli Watch - Single project', function () {
                         expect(files['dist/bundle.css']).to.include('z-index:1');
                         return writeFile(
                             join(tempDir.path, 'src', 'comp.st.css'),
-                            `.root{ z-index:2 }`
+                            `.root{ z-index:2 }`,
                         );
                     },
                 },
@@ -440,7 +440,7 @@ describe('Stylable Cli Watch - Single project', function () {
                         expect(files['dist/bundle.css']).to.include('z-index:1');
                         return writeFile(
                             join(tempDir.path, 'src', 'style.st.css'),
-                            `.root{ z-index:3 }`
+                            `.root{ z-index:3 }`,
                         );
                     },
                 },
@@ -512,20 +512,20 @@ describe('Stylable Cli Watch - Single project', function () {
                             `.root{ 
                                 color:red;
                                 background: url('./icon.svg')
-                             }`
+                             }`,
                         );
                     },
                 },
                 {
                     msg: buildMessages.FINISHED_PROCESSING(
                         2,
-                        `[0] ${sep}` + join('packages', 'project-a')
+                        `[0] ${sep}` + join('packages', 'project-a'),
                     ),
                 },
                 {
                     msg: buildMessages.FINISHED_PROCESSING(
                         2,
-                        `[1] ${sep}` + join('packages', 'project-a')
+                        `[1] ${sep}` + join('packages', 'project-a'),
                     ),
                     action() {
                         return {
@@ -541,13 +541,13 @@ describe('Stylable Cli Watch - Single project', function () {
                 new RegExp(
                     escapeRegExp(
                         buildMessages.CHANGE_EVENT_TRIGGERED(
-                            join(tempDir.path, 'packages', 'project-a', 'src', 'icon.svg')
-                        )
+                            join(tempDir.path, 'packages', 'project-a', 'src', 'icon.svg'),
+                        ),
                     ),
-                    'ig'
-                )
+                    'ig',
+                ),
             )?.length,
-            'svg file should trigger change event once'
+            'svg file should trigger change event once',
         ).to.eql(2, output());
     });
 
@@ -572,7 +572,7 @@ describe('Stylable Cli Watch - Single project', function () {
                     action() {
                         return writeToExistingFile(
                             join(tempDir.path, 'style.st.css'),
-                            `.root{ color:green }`
+                            `.root{ color:green }`,
                         );
                     },
                 },
diff --git a/packages/code-formatter/src/format-css.ts b/packages/code-formatter/src/format-css.ts
index f58da2bafb..f581657620 100644
--- a/packages/code-formatter/src/format-css.ts
+++ b/packages/code-formatter/src/format-css.ts
@@ -16,7 +16,7 @@ function walkValue(
     ast: BaseAstNode | BaseAstNode[],
     visit: (node: BaseAstNode, parents: BaseAstNode[], siblings: BaseAstNode[]) => void,
     options: { insideOut?: boolean } = {},
-    parents: BaseAstNode[] = []
+    parents: BaseAstNode[] = [],
 ) {
     ast = Array.isArray(ast) ? ast : [ast];
     const insideOut = !!options.insideOut;
@@ -154,7 +154,7 @@ function formatAst(ast: AnyNode, index: number, options: FormatOptions) {
             walkValue(
                 valueAst,
                 normalizeDeclValueAndCollectLength(preserveComponentNewLines, NL, nodesInfo),
-                { insideOut: true }
+                { insideOut: true },
             );
             // format each top level segment
             flowDeclValueSegment({
@@ -285,7 +285,7 @@ class AtRuleParamFormatter {
     private getContext(
         node: ValueParser.BaseAstNode,
         parents: NodeContext['parents'],
-        siblings: NodeContext['parents']
+        siblings: NodeContext['parents'],
     ): NodeContext {
         const index = siblings.indexOf(node);
         const prevNode = siblings[index - 1];
@@ -308,7 +308,7 @@ class AtRuleParamFormatter {
     private formatAroundComma(
         _node: ValueParser.Literal,
         context: NodeContext,
-        options: FormatOptions
+        options: FormatOptions,
     ) {
         const { prevNode, nextNode } = context;
         // argument delimiter
@@ -323,13 +323,13 @@ class AtRuleParamFormatter {
                 inlineSpace: ' ',
             },
             context,
-            options
+            options,
         );
     }
     private formatBlockOpen(
         node: ValueParser.Literal,
         { nextNode }: NodeContext,
-        { endOfLine: NL }: FormatOptions
+        { endOfLine: NL }: FormatOptions,
     ) {
         const isSpaceAfter = nextNode?.type === 'space';
         const isNewline = isSpaceAfter && stringifyCSSValue(nextNode).includes('\n');
@@ -344,7 +344,7 @@ class AtRuleParamFormatter {
     private formatBlockClose(
         node: ValueParser.Literal,
         context: NodeContext,
-        options: FormatOptions
+        options: FormatOptions,
     ) {
         const { prevNode, currentBlock } = context;
         if (currentBlock.type === node.value) {
@@ -352,7 +352,7 @@ class AtRuleParamFormatter {
             if (currentBlock.isNewline) {
                 this.currentNewlineIndent = this.currentNewlineIndent.slice(
                     0,
-                    this.currentNewlineIndent.length - options.indent.length
+                    this.currentNewlineIndent.length - options.indent.length,
                 );
             }
         }
@@ -363,7 +363,7 @@ class AtRuleParamFormatter {
                 inlineSpace: '',
             },
             context,
-            options
+            options,
         );
     }
     private formatFunction(node: ValueParser.Call, { endOfLine: NL }: FormatOptions) {
@@ -391,7 +391,7 @@ class AtRuleParamFormatter {
             inlineSpace: string;
         },
         { currentBlock, siblings, index }: NodeContext,
-        { endOfLine: NL }: FormatOptions
+        { endOfLine: NL }: FormatOptions,
     ) {
         const spaceValue = currentBlock?.isNewline ? NL + this.currentNewlineIndent : inlineSpace;
         if (spaceNode?.type === 'space') {
@@ -418,7 +418,7 @@ class AtRuleParamFormatter {
             if (currentBlock.isNewline) {
                 this.currentNewlineIndent = this.currentNewlineIndent.slice(
                     0,
-                    this.currentNewlineIndent.length - this.options.indent.length
+                    this.currentNewlineIndent.length - this.options.indent.length,
                 );
             }
             currentBlock = this.blockCloserStack[this.blockCloserStack.length - 1];
@@ -430,11 +430,11 @@ class AtRuleParamFormatter {
 function normalizeDeclValueAndCollectLength(
     preserveTopLevelNewLines: boolean,
     NL: string,
-    nodesInfo: Map<ValueParser.BaseAstNode, { length: number; breakFuncArgs: boolean }>
+    nodesInfo: Map<ValueParser.BaseAstNode, { length: number; breakFuncArgs: boolean }>,
 ): (
     node: ValueParser.BaseAstNode,
     parents: ValueParser.BaseAstNode[],
-    siblings: ValueParser.BaseAstNode[]
+    siblings: ValueParser.BaseAstNode[],
 ) => void {
     return (node, parents, siblings) => {
         const preserveNewLines = !parents.length
@@ -581,7 +581,7 @@ function flowDeclValueSegment({
 }
 function isFunctionBreakable(
     funcNode: Call,
-    nodesInfo: Map<BaseAstNode, { length: number; breakFuncArgs: boolean }>
+    nodesInfo: Map<BaseAstNode, { length: number; breakFuncArgs: boolean }>,
 ) {
     const totalSize = nodesInfo.get(funcNode)!.length;
     if (totalSize <= 30) {
@@ -714,7 +714,7 @@ function parseDeclBetweenRaws(between: string) {
 function formatSelectors(
     rule: Rule,
     forceNL: boolean,
-    { endOfLine: NL, indent, indentLevel }: FormatOptions
+    { endOfLine: NL, indent, indentLevel }: FormatOptions,
 ) {
     const selectors = rule.selectors;
     const newlines = rule.selector.match(/\n/gm)?.length ?? 0;
diff --git a/packages/code-formatter/src/formatter.ts b/packages/code-formatter/src/formatter.ts
index 52c83371e8..28f4c39660 100644
--- a/packages/code-formatter/src/formatter.ts
+++ b/packages/code-formatter/src/formatter.ts
@@ -21,7 +21,7 @@ export function formatDocumentExperimental(source: string, options: Partial<Form
 export function getDocumentFormatting(
     content: string,
     offset?: { start: number; end: number },
-    options?: CSSBeautifyOptions
+    options?: CSSBeautifyOptions,
 ): string {
     const offsetStart = offset?.start || 0;
     const offsetEnd = offset?.end || content.length;
@@ -58,7 +58,7 @@ function removeFormattingExceptions(ast: Root) {
 
 function restoreFormattingExceptions(
     ast: Root,
-    { atRuleChanges, declChanges }: { atRuleChanges: string[]; declChanges: string[] }
+    { atRuleChanges, declChanges }: { atRuleChanges: string[]; declChanges: string[] },
 ) {
     ast.walkAtRules(stImport, (atRule) => {
         atRule.params = atRuleChanges.shift()!;
diff --git a/packages/code-formatter/test/formatter.spec.ts b/packages/code-formatter/test/formatter.spec.ts
index 07f4c74faf..b7c8858218 100644
--- a/packages/code-formatter/test/formatter.spec.ts
+++ b/packages/code-formatter/test/formatter.spec.ts
@@ -11,7 +11,7 @@ describe('Formatting', () => {
 
     it('should preserve custom selectors with immediate descendants ', () => {
         const res = getDocumentFormatting(
-            '@custom-selector :--some-selector     >      :global(div) > :global(span);'
+            '@custom-selector :--some-selector     >      :global(div) > :global(span);',
         );
 
         expect(res).to.eql('@custom-selector :--some-selector > :global(div) > :global(span);');
@@ -25,7 +25,7 @@ describe('Formatting', () => {
                         ".     type .    ."    16px
                         ".     desc desc desc" 20px
                         / 16px 3fr  2fr  4fr;
-                }`)
+                }`),
         );
 
         expect(res).to.eql(
@@ -36,7 +36,7 @@ describe('Formatting', () => {
                         ".     type .    ."    16px
                         ".     desc desc desc" 20px
                         / 16px 3fr  2fr  4fr;
-                }`)
+                }`),
         );
     });
     it('should preserve grid declarations', () => {
@@ -48,7 +48,7 @@ describe('Formatting', () => {
                         ".     type .    ."    16px
                         ".     desc desc desc" 20px
                         / 16px 3fr  2fr  4fr;
-                }`)
+                }`),
         );
 
         expect(res).to.eql(
@@ -59,7 +59,7 @@ describe('Formatting', () => {
                         ".     type .    ."    16px
                         ".     desc desc desc" 20px
                         / 16px 3fr  2fr  4fr;
-                }`)
+                }`),
         );
     });
 
@@ -84,7 +84,7 @@ describe('Formatting', () => {
                 undefined,
                 {
                     indent_empty_lines: true,
-                }
+                },
             );
 
             expect(res).to.eql('.root {\n    color: red;\n    \n    background: green;\n}');
@@ -112,7 +112,7 @@ describe('Formatting', () => {
                 undefined,
                 {
                     max_preserve_newlines: 2,
-                }
+                },
             );
 
             expect(res).to.eql('.root {\n    color: red;\n\n    background: green;\n}');
@@ -132,7 +132,7 @@ describe('Formatting', () => {
                 undefined,
                 {
                     preserve_newlines: true,
-                }
+                },
             );
 
             expect(res).to.eql('.root {\n    color: red;\n\n\n    background: green;\n}');
@@ -161,11 +161,11 @@ describe('Formatting', () => {
                 undefined,
                 {
                     wrap_line_length: 10,
-                }
+                },
             );
 
             expect(res).to.eql(
-                '.background {\n    background: repeating-linear-gradient(\n-45deg,\ntransparent 0,\ntransparent 25%,\ndodgerblue 0,\ndodgerblue 50%);\n}'
+                '.background {\n    background: repeating-linear-gradient(\n-45deg,\ntransparent 0,\ntransparent 25%,\ndodgerblue 0,\ndodgerblue 50%);\n}',
             );
         });
     });
diff --git a/packages/core-test-kit/src/collect-ast.ts b/packages/core-test-kit/src/collect-ast.ts
index 1c388de8ea..a8148bdd8e 100644
--- a/packages/core-test-kit/src/collect-ast.ts
+++ b/packages/core-test-kit/src/collect-ast.ts
@@ -2,12 +2,15 @@ import type * as postcss from 'postcss';
 
 export function collectAst<Bucket extends string>(
     root: postcss.Root,
-    collectCommentPrefix: Bucket[]
+    collectCommentPrefix: Bucket[],
 ) {
-    const collected = collectCommentPrefix.reduce((acc, name) => {
-        acc[name] = [];
-        return acc;
-    }, {} as Record<Bucket, postcss.AnyNode[]>);
+    const collected = collectCommentPrefix.reduce(
+        (acc, name) => {
+            acc[name] = [];
+            return acc;
+        },
+        {} as Record<Bucket, postcss.AnyNode[]>,
+    );
     const prefixRegex = `^(${collectCommentPrefix.join('|')})`;
     root.walk((node) => {
         const prevNode = node.prev();
diff --git a/packages/core-test-kit/src/diagnostics.ts b/packages/core-test-kit/src/diagnostics.ts
index 2dde1e1109..1855f38677 100644
--- a/packages/core-test-kit/src/diagnostics.ts
+++ b/packages/core-test-kit/src/diagnostics.ts
@@ -51,17 +51,17 @@ export function matchDiagnostic(
             type: string,
             expectedWord: string,
             message: string,
-            label?: string
+            label?: string,
         ) => string;
         severityMismatch: (
             type: string,
             expectedSeverity: string,
             actualSeverity: string,
             message: string,
-            label?: string
+            label?: string,
         ) => string;
         expectedNotFound: (type: string, message: string, label?: string) => string;
-    }
+    },
 ): string {
     const diagnostics = type === `analyze` ? meta.diagnostics : meta.transformDiagnostics;
     if (!diagnostics) {
@@ -100,7 +100,7 @@ export function matchDiagnostic(
                     type,
                     expected.location.word,
                     expected.message,
-                    expected.label
+                    expected.label,
                 );
                 foundPartialMatch(matchState);
                 continue;
@@ -114,7 +114,7 @@ export function matchDiagnostic(
                     expectedSeverity,
                     report.severity,
                     expected.message,
-                    expected.label
+                    expected.label,
                 );
                 foundPartialMatch(matchState);
                 continue;
@@ -167,7 +167,7 @@ export function findTestLocations(css: string) {
 export function expectAnalyzeDiagnostics(
     css: string,
     warnings: Diagnostic[],
-    { partial = false }: { partial?: boolean } = {}
+    { partial = false }: { partial?: boolean } = {},
 ) {
     const source = findTestLocations(css);
     const root = safeParse(source.css);
@@ -198,13 +198,13 @@ export function expectAnalyzeDiagnostics(
             if (expectedWarning.severity) {
                 expect(
                     report.severity,
-                    `diagnostics severity mismatch, expected "${expectedWarning.severity}" but received "${report.severity}"`
+                    `diagnostics severity mismatch, expected "${expectedWarning.severity}" but received "${report.severity}"`,
                 ).to.equal(expectedWarning.severity);
             }
         });
 
         expect(res.diagnostics.reports.length, 'diagnostics reports match').to.equal(
-            warnings.length
+            warnings.length,
         );
     }
     return res;
@@ -213,7 +213,7 @@ export function expectAnalyzeDiagnostics(
 function matchPartialDiagnostics(
     expectedList: Diagnostic[],
     diagnostics: Diagnostics,
-    locations: Record<string, Location>
+    locations: Record<string, Location>,
 ) {
     // ToDo: adding diagnostics numbered ids would really help
     for (const expectedWarning of expectedList) {
@@ -236,7 +236,7 @@ function matchPartialDiagnostics(
                 if (expectedWarning.severity) {
                     expect(
                         report.severity,
-                        `${report.message}: severity mismatch, expected ${expectedWarning.severity} but received ${report.severity}`
+                        `${report.message}: severity mismatch, expected ${expectedWarning.severity} but received ${report.severity}`,
                     ).to.equal(expectedWarning.severity);
                     matches++;
                 }
@@ -260,7 +260,7 @@ function matchPartialDiagnostics(
 export function expectTransformDiagnostics(
     config: Config,
     expectedWarnings: Diagnostic[],
-    { partial = false }: { partial?: boolean } = {}
+    { partial = false }: { partial?: boolean } = {},
 ): StylableResults {
     config.trimWS = false;
 
@@ -277,7 +277,7 @@ export function expectTransformDiagnostics(
     if (expectedWarnings.length === 0 && diagnostics.reports.length !== 0) {
         expect(
             expectedWarnings.length,
-            `expected no diagnostics but received ${JSON.stringify(warningMessages, null, 2)}`
+            `expected no diagnostics but received ${JSON.stringify(warningMessages, null, 2)}`,
         ).to.equal(diagnostics.reports.length);
     }
 
@@ -304,7 +304,7 @@ export function expectTransformDiagnostics(
             if (expectedWarning.severity) {
                 expect(
                     report.severity,
-                    `diagnostics severity mismatch, expected ${expectedWarning.severity} but received ${report.severity}`
+                    `diagnostics severity mismatch, expected ${expectedWarning.severity} but received ${report.severity}`,
                 ).to.equal(expectedWarning.severity);
             }
         }
@@ -313,8 +313,8 @@ export function expectTransformDiagnostics(
             `expected diagnostics: ${JSON.stringify(
                 expectedWarnings.map((d) => d.message),
                 null,
-                2
-            )}, but received ${JSON.stringify(warningMessages, null, 2)}`
+                2,
+            )}, but received ${JSON.stringify(warningMessages, null, 2)}`,
         ).to.equal(diagnostics.reports.length);
     }
 
@@ -326,14 +326,14 @@ export function shouldReportNoDiagnostics(meta: StylableMeta, checkTransformDiag
 
     expect(
         processReports.length,
-        `processing diagnostics: ${processReports.map((r) => r.message)}`
+        `processing diagnostics: ${processReports.map((r) => r.message)}`,
     ).to.equal(0);
     if (meta.transformDiagnostics && checkTransformDiagnostics) {
         const transformerReports = meta.transformDiagnostics.reports;
 
         expect(
             transformerReports.length,
-            `transforming diagnostics: ${transformerReports.map((r) => r.message)}`
+            `transforming diagnostics: ${transformerReports.map((r) => r.message)}`,
         ).to.equal(0);
     }
 }
@@ -345,7 +345,7 @@ export type UnwrapDiagnosticMessage<T extends DiagnosticsBank> = {
 };
 
 export function diagnosticBankReportToStrings<T extends DiagnosticsBank>(
-    bank: T
+    bank: T,
 ): UnwrapDiagnosticMessage<T> {
     const cleaned = {} as UnwrapDiagnosticMessage<T>;
 
diff --git a/packages/core-test-kit/src/generate-test-util.ts b/packages/core-test-kit/src/generate-test-util.ts
index 816a0499c2..cde4d72c60 100644
--- a/packages/core-test-kit/src/generate-test-util.ts
+++ b/packages/core-test-kit/src/generate-test-util.ts
@@ -87,7 +87,7 @@ export function createTransformer(
         replaceValueHook,
         postProcessor,
         onResolve = (resolved) => resolved,
-    }: CreateTransformerOptions = {}
+    }: CreateTransformerOptions = {},
 ): StylableTransformer {
     const { requireModule, fileProcessor, resolvePath } = generateInfra(config, diagnostics);
 
@@ -107,7 +107,7 @@ export function createTransformer(
 export function processSource(
     source: string,
     options: { from?: string } = {},
-    resolveNamespace?: typeof processNamespace
+    resolveNamespace?: typeof processNamespace,
 ) {
     return new StylableProcessor(new Diagnostics(), resolveNamespace, {
         ...defaultFeatureFlags,
@@ -115,7 +115,7 @@ export function processSource(
 }
 
 export function createProcess(
-    fileProcessor: FileProcessor<StylableMeta>
+    fileProcessor: FileProcessor<StylableMeta>,
 ): (path: string) => StylableMeta {
     return (path: string) => fileProcessor.process(path);
 }
@@ -124,7 +124,7 @@ export function createResolveExtendsResults(
     fileSystem: IFileSystem,
     fileToProcess: string,
     classNameToLookup: string,
-    isElement = false
+    isElement = false,
 ) {
     const stylable = new Stylable({
         fileSystem,
@@ -134,13 +134,13 @@ export function createResolveExtendsResults(
     return stylable.resolver.resolveExtends(
         stylable.analyze(fileToProcess),
         classNameToLookup,
-        isElement
+        isElement,
     );
 }
 
 export function generateStylableResult(
     config: Config,
-    diagnostics: Diagnostics = new Diagnostics()
+    diagnostics: Diagnostics = new Diagnostics(),
 ) {
     const { entry } = config;
     if (!isAbsolute(entry || '')) {
@@ -160,7 +160,7 @@ export function generateStylableExports(config: Config) {
 
 export function generateStylableEnvironment(
     content: IDirectoryContents,
-    stylableConfig: Partial<Omit<StylableConfig, 'fileSystem'>> = {}
+    stylableConfig: Partial<Omit<StylableConfig, 'fileSystem'>> = {},
 ) {
     const fs = createMemoryFs(content);
 
diff --git a/packages/core-test-kit/src/inline-expectation.ts b/packages/core-test-kit/src/inline-expectation.ts
index 77b53313e8..10929b74c2 100644
--- a/packages/core-test-kit/src/inline-expectation.ts
+++ b/packages/core-test-kit/src/inline-expectation.ts
@@ -118,7 +118,7 @@ export function testInlineExpects(result: postcss.Root | Context, expectedTestIn
                                 expectation: testInput.trim(),
                                 errors: [
                                     testInlineExpectsErrors.deprecatedRootInputNotSupported(
-                                        testScope + testInput
+                                        testScope + testInput,
                                     ),
                                 ],
                                 hasMissingDiagnostic: false,
@@ -130,7 +130,7 @@ export function testInlineExpects(result: postcss.Root | Context, expectedTestIn
                                 context,
                                 testInput.trim(),
                                 isRemoved ? undefined : nodeTarget,
-                                nodeSrc
+                                nodeSrc,
                             );
                             result.type = testScope;
                             errors.push(...result.errors);
@@ -157,7 +157,7 @@ function checkTest(
     context: Context,
     expectation: string,
     targetNode: AST | undefined,
-    srcNode: AST
+    srcNode: AST,
 ): Test {
     const type = srcNode?.type || targetNode?.type;
     switch (type) {
@@ -180,7 +180,7 @@ function ruleTest(
     context: Context,
     expectation: string,
     targetNode: AST | undefined,
-    srcNode: AST
+    srcNode: AST,
 ): Test {
     const result: Test = {
         type: `@rule`,
@@ -189,7 +189,7 @@ function ruleTest(
         hasMissingDiagnostic: false,
     };
     const { msg, ruleIndex, expectedSelector, expectedBody } = expectation.match(
-        /(?<msg>\([^)]*\))*(\[(?<ruleIndex>\d+)\])*(?<expectedSelector>[^{}]*)\s*(?<expectedBody>.*)/s
+        /(?<msg>\([^)]*\))*(\[(?<ruleIndex>\d+)\])*(?<expectedSelector>[^{}]*)\s*(?<expectedBody>.*)/s,
     )!.groups!;
     const prefix = msg ? msg + `: ` : ``;
     if (!targetNode) {
@@ -202,7 +202,7 @@ function ruleTest(
     if (ruleIndex) {
         if (targetNode?.type !== `rule`) {
             result.errors.push(
-                `mixed-in expectation is only supported for CSS Rule, not ${targetNode?.type}`
+                `mixed-in expectation is only supported for CSS Rule, not ${targetNode?.type}`,
             );
             return result;
         } else {
@@ -228,7 +228,7 @@ function ruleTest(
                         expectedDeclarations.push([prop.trim(), value.trim()]);
                     } else {
                         result.errors.push(
-                            testInlineExpectsErrors.ruleMalformedDecl(decl, expectation)
+                            testInlineExpectsErrors.ruleMalformedDecl(decl, expectation),
                         );
                     }
                 }
@@ -237,7 +237,11 @@ function ruleTest(
 
         if (testNode.selector !== expectedSelector.trim()) {
             result.errors.push(
-                testInlineExpectsErrors.selector(expectedSelector.trim(), testNode.selector, prefix)
+                testInlineExpectsErrors.selector(
+                    expectedSelector.trim(),
+                    testNode.selector,
+                    prefix,
+                ),
             );
         }
         if (declarationCheck === `full`) {
@@ -254,8 +258,8 @@ function ruleTest(
                         expectedDecl,
                         actualDecl,
                         testNode.selector,
-                        prefix
-                    )
+                        prefix,
+                    ),
                 );
             }
         }
@@ -266,7 +270,7 @@ function ruleTest(
             context,
             expectation.replace(`[${ruleIndex}]`, ``),
             testNode,
-            null as unknown as AST
+            null as unknown as AST,
         );
     } else {
         // unsupported mixed-in node test
@@ -278,7 +282,7 @@ function atRuleTest(
     _context: Context,
     expectation: string,
     targetNode: AST | undefined,
-    srcNode: AST
+    srcNode: AST,
 ): Test {
     const result: Test = {
         type: `@atrule`,
@@ -286,8 +290,9 @@ function atRuleTest(
         errors: [],
         hasMissingDiagnostic: false,
     };
-    const { msg, expectedParams } = expectation.match(/(?<msg>\([^)]*\))*(?<expectedParams>.*)/)!
-        .groups!;
+    const { msg, expectedParams } = expectation.match(
+        /(?<msg>\([^)]*\))*(?<expectedParams>.*)/,
+    )!.groups!;
     if (expectedParams.match(/^\[\d+\]/)) {
         result.errors.push(testInlineExpectsErrors.atRuleMultiTest(expectation));
         return result;
@@ -302,8 +307,8 @@ function atRuleTest(
                 testInlineExpectsErrors.atruleParams(
                     expectedParams.trim(),
                     targetNode.params,
-                    prefix
-                )
+                    prefix,
+                ),
             );
         }
     } else {
@@ -315,7 +320,7 @@ function declTest(
     _context: Context,
     expectation: string,
     targetNode: AST | undefined,
-    srcNode: AST
+    srcNode: AST,
 ): Test {
     const result: Test = {
         type: `@decl`,
@@ -325,7 +330,7 @@ function declTest(
     };
     // eslint-disable-next-line prefer-const
     let { label, prop, colon, value } = expectation.match(
-        /(?<label>\([^)]*\))*(?<prop>[^:]*)\s*(?<colon>:?)\s*(?<value>.*)/
+        /(?<label>\([^)]*\))*(?<prop>[^:]*)\s*(?<colon>:?)\s*(?<value>.*)/,
     )!.groups!;
     label = label ? label + `: ` : ``;
     prop = prop.trim();
@@ -342,7 +347,7 @@ function declTest(
         }
     } else {
         result.errors.push(
-            testInlineExpectsErrors.unsupportedNode(`@decl`, targetNode.type, label)
+            testInlineExpectsErrors.unsupportedNode(`@decl`, targetNode.type, label),
         );
     }
     return result;
@@ -351,7 +356,7 @@ function analyzeTest(
     context: Context,
     expectation: string,
     targetNode: AST | undefined,
-    srcNode: AST
+    srcNode: AST,
 ): Test {
     return diagnosticTest(`analyze`, context, expectation, targetNode, srcNode);
 }
@@ -359,7 +364,7 @@ function transformTest(
     context: Context,
     expectation: string,
     targetNode: AST | undefined,
-    srcNode: AST
+    srcNode: AST,
 ): Test {
     // check node is removed in transformation
     const matchResult = expectation.match(/-remove(?<label>\([^)]*\))?/);
@@ -386,7 +391,7 @@ function diagnosticTest(
     { meta }: Context,
     expectation: string,
     _targetNode: AST | undefined,
-    srcNode: AST
+    srcNode: AST,
 ): Test {
     const result: Test = {
         type: `@${type}`,
@@ -395,7 +400,7 @@ function diagnosticTest(
         hasMissingDiagnostic: false,
     };
     const matchResult = expectation.match(
-        /-(?<severity>\w+)(?<label>\([^)]*\))?\s?(?:word\((?<word>[^)]*)\))?\s?(?<message>[\s\S]*)/
+        /-(?<severity>\w+)(?<label>\([^)]*\))?\s?(?:word\((?<word>[^)]*)\))?\s?(?<message>[\s\S]*)/,
     );
     if (!matchResult) {
         result.errors.push(testInlineExpectsErrors.diagnosticsMalformed(type, expectation));
@@ -436,7 +441,7 @@ function diagnosticTest(
                 result.hasMissingDiagnostic = true;
                 return testInlineExpectsErrors.diagnosticExpectedNotFound(...args);
             },
-        }
+        },
     );
     if (error) {
         result.errors.push(error);
@@ -527,7 +532,7 @@ export const testInlineExpectsErrors = {
         expectedSeverity: string,
         actualSeverity: string,
         message: string,
-        label = ``
+        label = ``,
     ) =>
         `${label}expected ${type} diagnostic "${message}" to be reported with "${expectedSeverity}", but it was reported with "${actualSeverity}"`,
     diagnosticExpectedNotFound: (type: string, message: string, label = ``) =>
@@ -547,7 +552,7 @@ export const testInlineExpectsErrors = {
                     };
                 }),
                 null,
-                2
+                2,
             );
         };
         const analyzedReports = transformReport(diagnostics.reports);
diff --git a/packages/core-test-kit/src/match-rules.ts b/packages/core-test-kit/src/match-rules.ts
index ecb759d01b..87425e5bc4 100644
--- a/packages/core-test-kit/src/match-rules.ts
+++ b/packages/core-test-kit/src/match-rules.ts
@@ -5,7 +5,7 @@ export function matchRuleAndDeclaration(
     selectorIndex: number,
     selector: string,
     decl: string,
-    msg?: string
+    msg?: string,
 ) {
     if (!parent.nodes) {
         throw new Error(`${msg ? msg + ' ' : ''}expected nested nodes`);
@@ -15,7 +15,7 @@ export function matchRuleAndDeclaration(
         throw new Error(
             `${msg ? msg + ' ' : ''}selector ${selectorIndex}\nactual: ${
                 rule.selector
-            }\nexpected: ${selector}`
+            }\nexpected: ${selector}`,
         );
     }
     // expect(rule.selector, `${msg ? msg + ' ' : ''}selector ${selectorIndex}`).to.equal(selector);
@@ -24,7 +24,7 @@ export function matchRuleAndDeclaration(
         throw new Error(
             `${
                 msg ? msg + ' ' : ''
-            }selector ${selectorIndex} declaration\nactual: ${actualDecl}\nexpected: ${decl}`
+            }selector ${selectorIndex} declaration\nactual: ${actualDecl}\nexpected: ${decl}`,
         );
     }
 }
@@ -33,7 +33,7 @@ export function matchAllRulesAndDeclarations(
     parent: postcss.Container,
     all: string[][],
     msg?: string,
-    offset = 0
+    offset = 0,
 ) {
     all.forEach((_, i) => matchRuleAndDeclaration(parent, i + offset, _[0], _[1], msg));
 }
diff --git a/packages/core-test-kit/src/minimal-dom.ts b/packages/core-test-kit/src/minimal-dom.ts
index 9ed767a603..886c5dca4f 100644
--- a/packages/core-test-kit/src/minimal-dom.ts
+++ b/packages/core-test-kit/src/minimal-dom.ts
@@ -101,8 +101,8 @@ export class MinimalElement {
         }
         return wrapArrayAsMinimalElementList(
             this._children.filter(
-                (c) => c.tagName === 'style' && c.getAttribute('st_runtime') === m[1]
-            )
+                (c) => c.tagName === 'style' && c.getAttribute('st_runtime') === m[1],
+            ),
         );
     }
 }
diff --git a/packages/core-test-kit/src/test-stylable-core.ts b/packages/core-test-kit/src/test-stylable-core.ts
index 95d2e94c58..17e6ac7e12 100644
--- a/packages/core-test-kit/src/test-stylable-core.ts
+++ b/packages/core-test-kit/src/test-stylable-core.ts
@@ -30,7 +30,7 @@ type RemoveRelative<T extends string> = T extends `./${infer U}` ? U : T;
  */
 export function testStylableCore<
     const T extends string | IDirectoryContents,
-    const O extends Partial<TestOptions>
+    const O extends Partial<TestOptions>,
 >(input: T, options: O = {} as O) {
     // infra
     const fs =
@@ -100,7 +100,7 @@ export function createJavascriptRequireModule(fs: IFileSystem) {
                 'module',
                 'exports',
                 'require',
-                fs.readFileSync(id, { encoding: 'utf8', flag: 'r' })
+                fs.readFileSync(id, { encoding: 'utf8', flag: 'r' }),
             );
             fn(_module, _module.exports, requireModule);
         } catch {
diff --git a/packages/core-test-kit/test/inline-expectations.spec.ts b/packages/core-test-kit/test/inline-expectations.spec.ts
index 89c9f7de6a..673e5ef088 100644
--- a/packages/core-test-kit/test/inline-expectations.spec.ts
+++ b/packages/core-test-kit/test/inline-expectations.spec.ts
@@ -31,7 +31,7 @@ describe('inline-expectations', () => {
         });
 
         expect(() => testInlineExpects(result, 5)).to.throw(
-            testInlineExpectsErrors.matchAmount(5, 1)
+            testInlineExpectsErrors.matchAmount(5, 1),
         );
     });
     it('should throw when expected amount is not found (auto)', () => {
@@ -71,7 +71,7 @@ describe('inline-expectations', () => {
         });
 
         expect(() => testInlineExpects(result)).to.throw(
-            testInlineExpectsErrors.selector(`.entry__before\\@after-x`, `.entry__before\\@after`)
+            testInlineExpectsErrors.selector(`.entry__before\\@after-x`, `.entry__before\\@after`),
         );
     });
     describe(`@rule`, () => {
@@ -90,7 +90,7 @@ describe('inline-expectations', () => {
             });
 
             expect(() => testInlineExpects(result)).to.throw(
-                testInlineExpectsErrors.selector(`.otherNamespace__root`, `.entry__root`)
+                testInlineExpectsErrors.selector(`.otherNamespace__root`, `.entry__root`),
             );
         });
         it('should throw for unexpected declarations', () => {
@@ -110,7 +110,7 @@ describe('inline-expectations', () => {
             });
 
             expect(() => testInlineExpects(result)).to.throw(
-                testInlineExpectsErrors.declarations(`color: green`, `color: red`, `.entry__root`)
+                testInlineExpectsErrors.declarations(`color: green`, `color: red`, `.entry__root`),
             );
         });
         it('should throw for unexpected declarations (multiple variations)', () => {
@@ -155,29 +155,29 @@ describe('inline-expectations', () => {
                     testInlineExpectsErrors.declarations(
                         `color: green; width: 1px`,
                         `color: green; width: 2px`,
-                        `.entry__multi`
+                        `.entry__multi`,
                     ),
                     testInlineExpectsErrors.declarations(
                         `width: 2px; color: green`,
                         `color: green; width: 2px`,
-                        `.entry__order`
+                        `.entry__order`,
                     ),
                     testInlineExpectsErrors.declarations(
                         `color: red; width: 2px`,
                         `color: green; width: 1px`,
-                        `.entry__multiline`
+                        `.entry__multiline`,
                     ),
                     testInlineExpectsErrors.ruleMalformedDecl(
                         `color:`,
-                        `(only prop) .entry__malformed {color:}`
+                        `(only prop) .entry__malformed {color:}`,
                     ),
                     testInlineExpectsErrors.declarations(
                         `color: var(--entry-y)`,
                         `color: var(--entry-x)`,
                         `.entry__parenthesis`,
-                        `(with parenthesis): `
+                        `(with parenthesis): `,
                     ),
-                ])
+                ]),
             );
         });
         it('should ignore comments between declarations', () => {
@@ -219,7 +219,7 @@ describe('inline-expectations', () => {
             });
 
             expect(() => testInlineExpects(result)).to.throw(
-                testInlineExpectsErrors.selector(`50%`, `100%`)
+                testInlineExpectsErrors.selector(`50%`, `100%`),
             );
         });
         it('should throw for mixed-in rules', () => {
@@ -245,7 +245,7 @@ describe('inline-expectations', () => {
             });
 
             expect(() => testInlineExpects(result)).to.throw(
-                testInlineExpectsErrors.selector(`.entry__root:focus`, `.entry__root:hover`)
+                testInlineExpectsErrors.selector(`.entry__root:focus`, `.entry__root:hover`),
             );
         });
         it('should throw for missing mixed-in rules', () => {
@@ -271,7 +271,7 @@ describe('inline-expectations', () => {
             });
 
             expect(() => testInlineExpects(result)).to.throw(
-                testInlineExpectsErrors.unfoundMixin(`[10] .entry__root:focus`)
+                testInlineExpectsErrors.unfoundMixin(`[10] .entry__root:focus`),
             );
         });
         it(`should support mixed-in atrule`, () => {
@@ -308,9 +308,9 @@ describe('inline-expectations', () => {
                     testInlineExpectsErrors.atruleParams(
                         `mixed-params-y`,
                         `mixed-params-b`,
-                        `(label): `
+                        `(label): `,
                     ),
-                ])
+                ]),
             );
         });
         it(`should throw on none supported mixed-in node type`, () => {
@@ -329,7 +329,7 @@ describe('inline-expectations', () => {
             });
 
             expect(() => testInlineExpects(result)).to.throw(
-                testInlineExpectsErrors.unsupportedMixinNode(`decl`)
+                testInlineExpectsErrors.unsupportedMixinNode(`decl`),
             );
         });
         it('should add label to thrown mismatches', () => {
@@ -353,15 +353,15 @@ describe('inline-expectations', () => {
                     testInlineExpectsErrors.selector(
                         `.entry__onlySelector`,
                         `.entry__onlySelectorXXX`,
-                        `(only selector): `
+                        `(only selector): `,
                     ),
                     testInlineExpectsErrors.declarations(
                         `color: green`,
                         `color: red`,
                         `.entry__decls`,
-                        `(declarations): `
+                        `(declarations): `,
                     ),
-                ])
+                ]),
             );
         });
         it('should throw for removed rule (use @transform-remove for removal check)', () => {
@@ -381,7 +381,7 @@ describe('inline-expectations', () => {
             result.meta.targetAst?.nodes[1].remove();
 
             expect(() => testInlineExpects(result)).to.throw(
-                testInlineExpectsErrors.removedNode(`rule`, `(label): `)
+                testInlineExpectsErrors.removedNode(`rule`, `(label): `),
             );
         });
     });
@@ -417,9 +417,9 @@ describe('inline-expectations', () => {
                     testInlineExpectsErrors.atruleParams(
                         `screen and (min-width: 8px)`,
                         `screen and (min-width: 900px)`,
-                        `(complex): `
+                        `(complex): `,
                     ),
-                ])
+                ]),
             );
         });
         it('should throw for mixed-in rules (unsupported)', () => {
@@ -437,7 +437,7 @@ describe('inline-expectations', () => {
             });
 
             expect(() => testInlineExpects(result)).to.throw(
-                testInlineExpectsErrors.atRuleMultiTest(`[16] entry__anim`)
+                testInlineExpectsErrors.atRuleMultiTest(`[16] entry__anim`),
             );
         });
         it(`should throw on none @atrule`, () => {
@@ -455,7 +455,7 @@ describe('inline-expectations', () => {
             });
 
             expect(() => testInlineExpects(result)).to.throw(
-                testInlineExpectsErrors.unsupportedNode(`@atrule`, `rule`)
+                testInlineExpectsErrors.unsupportedNode(`@atrule`, `rule`),
             );
         });
         it('should throw for removed rule (use @transform-remove for removal check)', () => {
@@ -475,7 +475,7 @@ describe('inline-expectations', () => {
             result.meta.targetAst?.nodes[1].remove();
 
             expect(() => testInlineExpects(result)).to.throw(
-                testInlineExpectsErrors.removedNode(`atrule`, `(label): `)
+                testInlineExpectsErrors.removedNode(`atrule`, `(label): `),
             );
         });
     });
@@ -497,7 +497,7 @@ describe('inline-expectations', () => {
             });
 
             expect(() => testInlineExpects(result)).to.throw(
-                testInlineExpectsErrors.decl(`color: blue`, `color: red`)
+                testInlineExpectsErrors.decl(`color: blue`, `color: red`),
             );
         });
         it('should mark error with label', () => {
@@ -517,7 +517,7 @@ describe('inline-expectations', () => {
             });
 
             expect(() => testInlineExpects(result)).to.throw(
-                testInlineExpectsErrors.decl(`color: blue`, `color: red`, `(text): `)
+                testInlineExpectsErrors.decl(`color: blue`, `color: red`, `(text): `),
             );
         });
         it('should throw on malformed expectation', () => {
@@ -543,7 +543,7 @@ describe('inline-expectations', () => {
                 testInlineExpectsErrors.combine([
                     testInlineExpectsErrors.declMalformed(`color`, ``, `(only prop): `),
                     testInlineExpectsErrors.declMalformed(``, `red`, `(missing prop): `),
-                ])
+                ]),
             );
         });
         it(`should throw on none declaration node`, () => {
@@ -567,7 +567,7 @@ describe('inline-expectations', () => {
                 testInlineExpectsErrors.combine([
                     testInlineExpectsErrors.unsupportedNode(`@decl`, `rule`, `(on rule): `),
                     testInlineExpectsErrors.unsupportedNode(`@decl`, `atrule`, `(on atrule): `),
-                ])
+                ]),
             );
         });
         it('should not throw when valid', () => {
@@ -617,7 +617,7 @@ describe('inline-expectations', () => {
             (result.meta.targetAst!.nodes[0] as Rule).nodes[1].remove();
 
             expect(() => testInlineExpects(result)).to.throw(
-                testInlineExpectsErrors.removedNode(`decl`, `(label): `)
+                testInlineExpectsErrors.removedNode(`decl`, `(label): `),
             );
         });
     });
@@ -649,9 +649,9 @@ describe('inline-expectations', () => {
                     testInlineExpectsErrors.diagnosticsMalformed(
                         `analyze`,
                         `-warn(label)`,
-                        `(label): `
+                        `(label): `,
                     ),
-                ])
+                ]),
             );
         });
         it(`should throw for backwards compatibility (@analyze is not supported with just AST root)`, () => {
@@ -669,7 +669,7 @@ describe('inline-expectations', () => {
             });
 
             expect(() => testInlineExpects(result)).to.throw(
-                testInlineExpectsErrors.deprecatedRootInputNotSupported(`@analyze-warn message`)
+                testInlineExpectsErrors.deprecatedRootInputNotSupported(`@analyze-warn message`),
             );
         });
         it(`should not throw when diagnostic is matched`, () => {
@@ -680,7 +680,7 @@ describe('inline-expectations', () => {
                         namespace: 'entry',
                         content: `
                             /* @analyze-warn(1 line) ${cssTypeDiagnostics.UNSCOPED_TYPE_SELECTOR(
-                                `div`
+                                `div`,
                             )} */
                             div {}
 
@@ -718,9 +718,9 @@ describe('inline-expectations', () => {
                     testInlineExpectsErrors.diagnosticsUnsupportedSeverity(
                         `analyze`,
                         `unknown`,
-                        `(label): `
+                        `(label): `,
                     ),
-                ])
+                ]),
             );
         });
         it(`should throw on possible location mismatch`, () => {
@@ -733,7 +733,7 @@ describe('inline-expectations', () => {
                             /* 
                                 @analyze-warn ${cssTypeDiagnostics.UNSCOPED_TYPE_SELECTOR(`div`)}
                                 @analyze-warn(label) ${cssTypeDiagnostics.UNSCOPED_TYPE_SELECTOR(
-                                    `div`
+                                    `div`,
                                 )}
                             */
                             .root {}
@@ -748,14 +748,14 @@ describe('inline-expectations', () => {
                 testInlineExpectsErrors.combine([
                     testInlineExpectsErrors.diagnosticsLocationMismatch(
                         `analyze`,
-                        cssTypeDiagnostics.UNSCOPED_TYPE_SELECTOR(`div`)
+                        cssTypeDiagnostics.UNSCOPED_TYPE_SELECTOR(`div`),
                     ),
                     testInlineExpectsErrors.diagnosticsLocationMismatch(
                         `analyze`,
                         cssTypeDiagnostics.UNSCOPED_TYPE_SELECTOR(`div`),
-                        `(label): `
+                        `(label): `,
                     ),
-                ])
+                ]),
             );
         });
         it(`should throw on word mismatch`, () => {
@@ -766,12 +766,12 @@ describe('inline-expectations', () => {
                         namespace: 'entry',
                         content: `
                         /* @analyze-warn word(single) ${cssTypeDiagnostics.UNSCOPED_TYPE_SELECTOR(
-                            `div`
+                            `div`,
                         )} */
                         div {}
                         
                         /* @analyze-warn(many words) word(one two) ${cssTypeDiagnostics.UNSCOPED_TYPE_SELECTOR(
-                            `div`
+                            `div`,
                         )} */
                         div {}
                         `,
@@ -784,15 +784,15 @@ describe('inline-expectations', () => {
                     testInlineExpectsErrors.diagnosticsWordMismatch(
                         `analyze`,
                         `single`,
-                        cssTypeDiagnostics.UNSCOPED_TYPE_SELECTOR(`div`)
+                        cssTypeDiagnostics.UNSCOPED_TYPE_SELECTOR(`div`),
                     ),
                     testInlineExpectsErrors.diagnosticsWordMismatch(
                         `analyze`,
                         `one two`,
                         cssTypeDiagnostics.UNSCOPED_TYPE_SELECTOR(`div`),
-                        `(many words): `
+                        `(many words): `,
                     ),
-                ])
+                ]),
             );
         });
         it(`should throw on severity mismatch`, () => {
@@ -806,7 +806,7 @@ describe('inline-expectations', () => {
                         div {}
 
                         /* @analyze-error(label) ${cssTypeDiagnostics.UNSCOPED_TYPE_SELECTOR(
-                            `div`
+                            `div`,
                         )} */
                         div {}
                         `,
@@ -820,16 +820,16 @@ describe('inline-expectations', () => {
                         `analyze`,
                         `error`,
                         `warning`,
-                        cssTypeDiagnostics.UNSCOPED_TYPE_SELECTOR(`div`)
+                        cssTypeDiagnostics.UNSCOPED_TYPE_SELECTOR(`div`),
                     ),
                     testInlineExpectsErrors.diagnosticsSeverityMismatch(
                         `analyze`,
                         `error`,
                         `warning`,
                         cssTypeDiagnostics.UNSCOPED_TYPE_SELECTOR(`div`),
-                        `(label): `
+                        `(label): `,
                     ),
-                ])
+                ]),
             );
         });
         it(`should throw on missing diagnostic`, () => {
@@ -853,14 +853,14 @@ describe('inline-expectations', () => {
                 testInlineExpectsErrors.combine([
                     testInlineExpectsErrors.diagnosticExpectedNotFound(
                         `analyze`,
-                        `fake diagnostic message`
+                        `fake diagnostic message`,
                     ),
                     testInlineExpectsErrors.diagnosticExpectedNotFound(
                         `analyze`,
                         `fake diagnostic message`,
-                        `(label): `
+                        `(label): `,
                     ),
-                ])
+                ]),
             );
         });
         it(`should check against rawAst (for nodes that are removed in transform)`, () => {
@@ -883,8 +883,8 @@ describe('inline-expectations', () => {
             expect(() => testInlineExpects(result)).to.throw(
                 testInlineExpectsErrors.diagnosticExpectedNotFound(
                     `analyze`,
-                    stImportDiagnostics.ST_IMPORT_EMPTY_FROM()
-                )
+                    stImportDiagnostics.ST_IMPORT_EMPTY_FROM(),
+                ),
             );
         });
     });
@@ -907,7 +907,7 @@ describe('inline-expectations', () => {
             });
 
             expect(() => testInlineExpects(result)).to.throw(
-                testInlineExpectsErrors.transformRemoved(`rule`, `(not removed): `)
+                testInlineExpectsErrors.transformRemoved(`rule`, `(not removed): `),
             );
         });
         it(`should throw on malformed expectation`, () => {
@@ -937,9 +937,9 @@ describe('inline-expectations', () => {
                     testInlineExpectsErrors.diagnosticsMalformed(
                         `transform`,
                         `-warn(label)`,
-                        `(label): `
+                        `(label): `,
                     ),
-                ])
+                ]),
             );
         });
         it(`should throw for backwards compatibility (@transform is not supported with just AST root)`, () => {
@@ -957,7 +957,7 @@ describe('inline-expectations', () => {
             });
 
             expect(() => testInlineExpects(result)).to.throw(
-                testInlineExpectsErrors.deprecatedRootInputNotSupported(`@transform-warn message`)
+                testInlineExpectsErrors.deprecatedRootInputNotSupported(`@transform-warn message`),
             );
         });
         it(`should not throw when diagnostic is matched`, () => {
@@ -971,7 +971,7 @@ describe('inline-expectations', () => {
 
                         .root {
                             /* @transform-error(1 line) ${cssClassDiagnostics.CANNOT_EXTEND_UNKNOWN_SYMBOL(
-                                `unknown`
+                                `unknown`,
                             )}*/
                             -st-extends: unknown;
                         }
@@ -1015,13 +1015,14 @@ describe('inline-expectations', () => {
                     testInlineExpectsErrors.diagnosticsUnsupportedSeverity(
                         `transform`,
                         `unknown`,
-                        `(label): `
+                        `(label): `,
                     ),
-                ])
+                ]),
             );
         });
         it(`should throw on possible location mismatch`, () => {
-            const resolveErrorMessage = "Stylable could not resolve \"./unknown.st.css\" from \"/\"\nVisited paths:\n/unknown.st.css\n/unknown.st.css.js\n/unknown.st.css.mjs\n/unknown.st.css.cjs\n/unknown.st.css.ts\n/unknown.st.css.mts\n/unknown.st.css.cts\n/unknown.st.css.json"
+            const resolveErrorMessage =
+                'Stylable could not resolve "./unknown.st.css" from "/"\nVisited paths:\n/unknown.st.css\n/unknown.st.css.js\n/unknown.st.css.mjs\n/unknown.st.css.cjs\n/unknown.st.css.ts\n/unknown.st.css.mts\n/unknown.st.css.cts\n/unknown.st.css.json';
             const result = generateStylableResult({
                 entry: `/style.st.css`,
                 files: {
@@ -1033,11 +1034,11 @@ describe('inline-expectations', () => {
                             /* 
                                 @transform-warn ${stImportDiagnostics.UNKNOWN_IMPORTED_FILE(
                                     `./unknown.st.css`,
-                                    resolveErrorMessage
+                                    resolveErrorMessage,
                                 )}
                                 @transform-warn(label) ${stImportDiagnostics.UNKNOWN_IMPORTED_FILE(
                                     `./unknown.st.css`,
-                                    resolveErrorMessage
+                                    resolveErrorMessage,
                                 )}
                             */
                             .root {}
@@ -1052,18 +1053,18 @@ describe('inline-expectations', () => {
                         `transform`,
                         stImportDiagnostics.UNKNOWN_IMPORTED_FILE(
                             `./unknown.st.css`,
-                            resolveErrorMessage
-                        )
+                            resolveErrorMessage,
+                        ),
                     ),
                     testInlineExpectsErrors.diagnosticsLocationMismatch(
                         `transform`,
                         stImportDiagnostics.UNKNOWN_IMPORTED_FILE(
                             `./unknown.st.css`,
-                            resolveErrorMessage
+                            resolveErrorMessage,
                         ),
-                        `(label): `
+                        `(label): `,
                     ),
-                ])
+                ]),
             );
         });
         it(`should throw on word mismatch`, () => {
@@ -1074,12 +1075,12 @@ describe('inline-expectations', () => {
                         namespace: 'entry',
                         content: `
                         /* @transform-warn word(something-else) ${transformerStringDiagnostics.UNKNOWN_PSEUDO_ELEMENT(
-                            `not-a-real-thing`
+                            `not-a-real-thing`,
                         )} */
                         .root::not-a-real-thing {}
                         
                         /* @transform-warn(many) word(a b c) ${transformerStringDiagnostics.UNKNOWN_PSEUDO_ELEMENT(
-                            `not-a-real-thing`
+                            `not-a-real-thing`,
                         )} */
                         .root::not-a-real-thing {}
                         `,
@@ -1092,15 +1093,15 @@ describe('inline-expectations', () => {
                     testInlineExpectsErrors.diagnosticsWordMismatch(
                         `transform`,
                         `something-else`,
-                        transformerStringDiagnostics.UNKNOWN_PSEUDO_ELEMENT(`not-a-real-thing`)
+                        transformerStringDiagnostics.UNKNOWN_PSEUDO_ELEMENT(`not-a-real-thing`),
                     ),
                     testInlineExpectsErrors.diagnosticsWordMismatch(
                         `transform`,
                         `a b c`,
                         transformerStringDiagnostics.UNKNOWN_PSEUDO_ELEMENT(`not-a-real-thing`),
-                        `(many): `
+                        `(many): `,
                     ),
-                ])
+                ]),
             );
         });
         it(`should throw on severity mismatch`, () => {
@@ -1111,12 +1112,12 @@ describe('inline-expectations', () => {
                         namespace: 'entry',
                         content: `
                         /* @transform-info ${transformerStringDiagnostics.UNKNOWN_PSEUDO_ELEMENT(
-                            `not-a-real-thing`
+                            `not-a-real-thing`,
                         )} */
                         .root::not-a-real-thing {}
                         
                         /* @transform-warning(label) ${transformerStringDiagnostics.UNKNOWN_PSEUDO_ELEMENT(
-                            `not-a-real-thing`
+                            `not-a-real-thing`,
                         )} */
                         .root::not-a-real-thing {}
                         `,
@@ -1130,16 +1131,16 @@ describe('inline-expectations', () => {
                         `transform`,
                         `info`,
                         `error`,
-                        transformerStringDiagnostics.UNKNOWN_PSEUDO_ELEMENT(`not-a-real-thing`)
+                        transformerStringDiagnostics.UNKNOWN_PSEUDO_ELEMENT(`not-a-real-thing`),
                     ),
                     testInlineExpectsErrors.diagnosticsSeverityMismatch(
                         `transform`,
                         `warning`,
                         `error`,
                         transformerStringDiagnostics.UNKNOWN_PSEUDO_ELEMENT(`not-a-real-thing`),
-                        `(label): `
+                        `(label): `,
                     ),
-                ])
+                ]),
             );
         });
         it(`should throw on missing diagnostic`, () => {
@@ -1163,14 +1164,14 @@ describe('inline-expectations', () => {
                 testInlineExpectsErrors.combine([
                     testInlineExpectsErrors.diagnosticExpectedNotFound(
                         `transform`,
-                        `fake diagnostic message`
+                        `fake diagnostic message`,
                     ),
                     testInlineExpectsErrors.diagnosticExpectedNotFound(
                         `transform`,
                         `fake diagnostic message`,
-                        `(label): `
+                        `(label): `,
                     ),
-                ])
+                ]),
             );
         });
         it(`should check against rawAst (for nodes that are removed in transform)`, () => {
@@ -1181,7 +1182,7 @@ describe('inline-expectations', () => {
                         namespace: 'entry',
                         content: `
                             /* @transform-error(should match) word(./x.st.css) ${stImportDiagnostics.UNKNOWN_IMPORTED_FILE(
-                                `./x.st.css`
+                                `./x.st.css`,
                             )} */
                             @st-import A from "./x.st.css";
 
@@ -1196,8 +1197,8 @@ describe('inline-expectations', () => {
             expect(() => testInlineExpects(result)).to.throw(
                 testInlineExpectsErrors.diagnosticExpectedNotFound(
                     `transform`,
-                    stImportDiagnostics.ST_IMPORT_EMPTY_FROM()
-                )
+                    stImportDiagnostics.ST_IMPORT_EMPTY_FROM(),
+                ),
             );
         });
     });
@@ -1223,7 +1224,7 @@ describe('inline-expectations', () => {
                 testInlineExpectsErrors.combine([
                     testInlineExpectsErrors.selector(`.otherNamespace__root`, `.entry__root`),
                     testInlineExpectsErrors.atruleParams(`entry__anim`, `entry__animX`),
-                ])
+                ]),
             );
         });
         it(`should throw on none @rule or @atrule`, () => {
@@ -1243,7 +1244,7 @@ describe('inline-expectations', () => {
             });
 
             expect(() => testInlineExpects(result)).to.throw(
-                testInlineExpectsErrors.unsupportedNode(`@check`, `decl`)
+                testInlineExpectsErrors.unsupportedNode(`@check`, `decl`),
             );
         });
     });
@@ -1279,10 +1280,10 @@ describe('inline-expectations', () => {
                     testInlineExpectsErrors.diagnosticExpectedNotFound(
                         `transform`,
                         `msg 3`,
-                        `(label): `
+                        `(label): `,
                     ),
                     testInlineExpectsErrors.diagnosticsDump(result.meta),
-                ])
+                ]),
             );
         });
     });
diff --git a/packages/core-test-kit/test/test-stylable-core.spec.ts b/packages/core-test-kit/test/test-stylable-core.spec.ts
index d2c18032f9..7514181569 100644
--- a/packages/core-test-kit/test/test-stylable-core.spec.ts
+++ b/packages/core-test-kit/test/test-stylable-core.spec.ts
@@ -10,7 +10,7 @@ describe(`testStylableCore()`, () => {
         const { meta, exports } = sheets[`/entry.st.css`];
 
         expect(CSSClass.get(meta, `root`), `meta`).to.deep.contain(
-            CSSClass.createSymbol({ name: `root` })
+            CSSClass.createSymbol({ name: `root` }),
         );
         expect(exports.classes.root, `exports.classes`).to.equal(`entry__root`);
     });
@@ -19,14 +19,14 @@ describe(`testStylableCore()`, () => {
             testStylableCore(`
                 /* @rule .entry__pass */
                 .pass {}
-            `)
+            `),
         ).to.not.throw();
 
         expect(() =>
             testStylableCore(`
                 /* @rule .xxx__fail */
                 .fail {}
-            `)
+            `),
         ).to.throw();
     });
     it(`should expose stylable instance and filesystem`, () => {
@@ -37,7 +37,7 @@ describe(`testStylableCore()`, () => {
             `
             @st-import [part] from './entry.st.css';
             .part {}
-            `
+            `,
         );
         const newMeta = stylable.analyze(`/new.st.css`);
         stylable.transform(newMeta);
@@ -68,9 +68,9 @@ describe(`testStylableCore()`, () => {
                 },
                 {
                     entries: [`/a.st.css`, `/b.st.css`],
-                }
+                },
             );
-            
+
             // @ts-expect-error entry is not processed
             const entryNotProcessed = sheets[`/entry.st.css`];
             const a = sheets[`/a.st.css`];
@@ -89,8 +89,8 @@ describe(`testStylableCore()`, () => {
                     {
                         // @ts-expect-error paths must start with "/"
                         entries: [`a.st.css`],
-                    }
-                )
+                    },
+                ),
             ).to.throw(testStylableCore.errors.absoluteEntry(`a.st.css`));
         });
         it(`should inline test all files (even these that are not linked to entries)`, () => {
@@ -104,7 +104,7 @@ describe(`testStylableCore()`, () => {
                         /* @rule .other__part */
                         .part {}
                     `,
-                })
+                }),
             ).to.not.throw();
 
             expect(() =>
@@ -117,7 +117,7 @@ describe(`testStylableCore()`, () => {
                         /* @rule .fail__part */
                         .part {}
                     `,
-                })
+                }),
             ).to.throw();
         });
         it(`should provide default naive requireModule for JS files`, () => {
@@ -162,7 +162,7 @@ describe(`testStylableCore()`, () => {
 
             expect(fs, `filesystem`).to.equal(inputFS);
             expect(sheets['/abc.st.css'].exports.classes.root, `sheet from config fs`).to.equal(
-                `abc__root`
+                `abc__root`,
             );
         });
     });
diff --git a/packages/core/src/cached-process-file.ts b/packages/core/src/cached-process-file.ts
index a8063194b1..45fca93144 100644
--- a/packages/core/src/cached-process-file.ts
+++ b/packages/core/src/cached-process-file.ts
@@ -21,7 +21,7 @@ export function cachedProcessFile<T = any>(
     processor: processFn<T>,
     readFileSync: MinimalFS['readFileSync'],
     postProcessors: Array<(value: T, path: string) => T> = [],
-    cache: { [key: string]: CacheItem<T> } = {}
+    cache: { [key: string]: CacheItem<T> } = {},
 ): FileProcessor<T> {
     function process(filePath: string, invalidateCache = false) {
         const content = readFileSync(filePath, 'utf8');
@@ -38,7 +38,7 @@ export function cachedProcessFile<T = any>(
     function processContent(content: string, filePath: string): T {
         return postProcessors.reduce<T>(
             (value, postProcessor) => postProcessor(value, filePath),
-            processor(filePath, content)
+            processor(filePath, content),
         );
     }
 
diff --git a/packages/core/src/create-stylable-processor.ts b/packages/core/src/create-stylable-processor.ts
index 0a7a166c98..379d5e0f1a 100644
--- a/packages/core/src/create-stylable-processor.ts
+++ b/packages/core/src/create-stylable-processor.ts
@@ -27,13 +27,13 @@ export function createStylableFileProcessor({
             return new StylableProcessor(
                 createDiagnostics?.(from),
                 resolveNamespace,
-                flags
+                flags,
             ).process(cssParser(content, { from }));
         },
         (resolvedPath: string) => {
             return fileSystem.readFileSync(resolvedPath, 'utf8');
         },
         onProcess && [onProcess],
-        cache
+        cache,
     );
 }
diff --git a/packages/core/src/custom-values.ts b/packages/core/src/custom-values.ts
index 1724dd6527..812dc63465 100644
--- a/packages/core/src/custom-values.ts
+++ b/packages/core/src/custom-values.ts
@@ -4,7 +4,10 @@ import { getFormatterArgs, getNamedArgs, getStringValue } from './helpers/value'
 import type { ParsedValue } from './types';
 
 export class CustomValueError extends Error {
-    constructor(message: string, public fallbackValue: string) {
+    constructor(
+        message: string,
+        public fallbackValue: string,
+    ) {
         super(message);
     }
 }
@@ -18,7 +21,7 @@ export interface Box<Type extends string, Value> {
 export function box<Type extends string, Value>(
     type: Type,
     value: Value,
-    flatValue?: string
+    flatValue?: string,
 ): Box<Type, Value> {
     return {
         type,
@@ -35,7 +38,7 @@ export function unbox<B extends Box<string, unknown>>(
     boxed: B | string,
     unboxPrimitives = true,
     customValues?: CustomTypes,
-    node?: ParsedValue
+    node?: ParsedValue,
 ): any {
     if (typeof boxed === 'string') {
         return unboxPrimitives ? boxed : boxString(boxed);
@@ -64,13 +67,13 @@ export interface CustomValueExtension<T> {
         customTypes: {
             [typeID: string]: CustomValueExtension<unknown>;
         },
-        boxPrimitive?: boolean
+        boxPrimitive?: boolean,
     ): Box<string, T>;
     getValue(
         path: string[],
         value: Box<string, T>,
         node: ParsedValue,
-        customTypes: CustomTypes
+        customTypes: CustomTypes,
     ): string;
 }
 
@@ -215,7 +218,7 @@ export function createCustomValue<Value, Args>({
                             flattenValue,
                             box(localTypeSymbol, value),
                             fnNode,
-                            customTypes
+                            customTypes,
                         );
                     }
 
@@ -225,7 +228,7 @@ export function createCustomValue<Value, Args>({
                     path: string[],
                     obj: Box<string, Value>,
                     fallbackNode: ParsedValue, // TODO: add test
-                    customTypes: CustomTypes
+                    customTypes: CustomTypes,
                 ): string {
                     if (path.length === 0) {
                         if (flattenValue) {
@@ -235,7 +238,7 @@ export function createCustomValue<Value, Args>({
 
                             throw new CustomValueError(
                                 `/* Error trying to flat -> */${stringifiedValue}`,
-                                stringifiedValue
+                                stringifiedValue,
                             );
                         }
                     }
@@ -251,7 +254,7 @@ function getFlatValue<Value>(
     flattenValue: FlattenValue<Value>,
     obj: Box<string, Value>,
     fallbackNode: ParsedValue,
-    customTypes: CustomTypes
+    customTypes: CustomTypes,
 ) {
     const { delimiter, parts } = flattenValue(obj);
     return parts.map((v) => getBoxValue([], v, fallbackNode, customTypes)).join(delimiter);
@@ -261,7 +264,7 @@ function getBoxValue(
     path: string[],
     value: string | Box<string, unknown>,
     node: ParsedValue,
-    customTypes: CustomTypes
+    customTypes: CustomTypes,
 ): string {
     if (typeof value === 'string' || value.type === 'st-string') {
         return unbox(value, true, customTypes);
diff --git a/packages/core/src/diagnostics.ts b/packages/core/src/diagnostics.ts
index f0d0788c06..4f876f819a 100644
--- a/packages/core/src/diagnostics.ts
+++ b/packages/core/src/diagnostics.ts
@@ -35,7 +35,7 @@ export class Diagnostics {
 export function createDiagnosticReporter<T extends any[]>(
     code: string,
     severity: DiagnosticSeverity,
-    message: (...args: T) => string
+    message: (...args: T) => string,
 ) {
     const func = (...args: T): DiagnosticBase => {
         return { code, severity, message: message(...args) };
diff --git a/packages/core/src/features/css-class.ts b/packages/core/src/features/css-class.ts
index 2de324cf73..02e698f56d 100644
--- a/packages/core/src/features/css-class.ts
+++ b/packages/core/src/features/css-class.ts
@@ -62,67 +62,67 @@ export const diagnostics = {
         '00002',
         'warning',
         (name: string) =>
-            `unscoped class "${name}" will affect all elements of the same type in the document`
+            `unscoped class "${name}" will affect all elements of the same type in the document`,
     ),
     STATE_DEFINITION_IN_ELEMENT: createDiagnosticReporter(
         '11002',
         'error',
-        () => 'cannot define pseudo states inside a type selector'
+        () => 'cannot define pseudo states inside a type selector',
     ),
     STATE_DEFINITION_IN_COMPLEX: createDiagnosticReporter(
         '11003',
         'error',
-        () => 'cannot define pseudo states inside complex selectors'
+        () => 'cannot define pseudo states inside complex selectors',
     ),
     OVERRIDE_TYPED_RULE: createDiagnosticReporter(
         '11006',
         'warning',
-        (key: string, name: string) => `override "${key}" on typed rule "${name}"`
+        (key: string, name: string) => `override "${key}" on typed rule "${name}"`,
     ),
     CANNOT_RESOLVE_EXTEND: createDiagnosticReporter(
         '11004',
         'error',
-        (name: string) => `cannot resolve '-st-extends' type for '${name}'`
+        (name: string) => `cannot resolve '-st-extends' type for '${name}'`,
     ),
     CANNOT_EXTEND_IN_COMPLEX: createDiagnosticReporter(
         '11005',
         'error',
-        () => `cannot define "-st-extends" inside a complex selector`
+        () => `cannot define "-st-extends" inside a complex selector`,
     ),
     EMPTY_ST_GLOBAL: createDiagnosticReporter(
         '00003',
         'error',
-        () => `-st-global must contain a valid selector`
+        () => `-st-global must contain a valid selector`,
     ),
     UNSUPPORTED_MULTI_SELECTORS_ST_GLOBAL: createDiagnosticReporter(
         '00004',
         'error',
-        () => `unsupported multi selector in -st-global`
+        () => `unsupported multi selector in -st-global`,
     ),
     UNSUPPORTED_COMPLEX_SELECTOR: createDiagnosticReporter(
         '00010',
         'error',
-        () => `unsupported complex selector`
+        () => `unsupported complex selector`,
     ),
     IMPORT_ISNT_EXTENDABLE: createDiagnosticReporter(
         '00005',
         'error',
-        () => 'import is not extendable'
+        () => 'import is not extendable',
     ),
     CANNOT_EXTEND_UNKNOWN_SYMBOL: createDiagnosticReporter(
         '00006',
         'error',
-        (name: string) => `cannot extend unknown symbol "${name}"`
+        (name: string) => `cannot extend unknown symbol "${name}"`,
     ),
     CANNOT_EXTEND_JS: createDiagnosticReporter(
         '00007',
         'error',
-        () => 'JS import is not extendable'
+        () => 'JS import is not extendable',
     ),
     UNKNOWN_IMPORT_ALIAS: createDiagnosticReporter(
         '00008',
         'error',
-        (name: string) => `cannot use alias for unknown import "${name}"`
+        (name: string) => `cannot use alias for unknown import "${name}"`,
     ),
     DISABLED_DIRECTIVE: createDiagnosticReporter(
         '00009',
@@ -132,12 +132,12 @@ export const diagnostics = {
                 directive === '-st-extends'
                     ? ` use "@st .${className} :is(.base)" instead`
                     : directive === '-st-global'
-                    ? `use "@st .${className} => :global(<selector>)" instead`
-                    : directive === '-st-states'
-                    ? `use "@st .${className} { @st .state; }" instead`
-                    : '';
+                      ? `use "@st .${className} => :global(<selector>)" instead`
+                      : directive === '-st-states'
+                        ? `use "@st .${className} { @st .state; }" instead`
+                        : '';
             return `cannot use ${directive} on .${className} since class is defined with "@st" - ${alternative}`;
-        }
+        },
     ),
 };
 
@@ -165,7 +165,7 @@ export const hooks = createFeature<{
                 {
                     node: rule,
                     word: stringifySelector(node),
-                }
+                },
             );
         }
         addClass(context, node.value, rule);
@@ -204,7 +204,7 @@ export const hooks = createFeature<{
                             }
                             return globalClasses;
                         },
-                        []
+                        [],
                     );
                     if (isOnlyClasses) {
                         exportedClasses.push(...globalClasses);
@@ -243,7 +243,7 @@ export const hooks = createFeature<{
                 selectorContext.ruleOrAtRule,
                 context.meta,
                 resolver,
-                context.diagnostics
+                context.diagnostics,
             );
         }
         if (selectorContext.transform) {
@@ -332,7 +332,7 @@ export function namespaceClass(
     meta: StylableMeta,
     symbol: StylableSymbol,
     node: SelectorNode, // ToDo: check this is the correct type, should this be inline selector?
-    wrapInGlobal = true
+    wrapInGlobal = true,
 ) {
     if (`-st-global` in symbol && symbol[`-st-global`]) {
         // change node to `-st-global` value
@@ -380,8 +380,8 @@ export function addDevRules({ getResolvedSymbols, meta }: FeatureTransformContex
                     basename(b.meta.source),
                     '.' + a.symbol.name,
                     getNamespacedClass(a.meta, a.symbol),
-                    basename(a.meta.source)
-                )
+                    basename(a.meta.source),
+                ),
             );
         }
     }
@@ -393,7 +393,7 @@ export function createWarningRule(
     extendedFile: string,
     extendingNode: string,
     scopedExtendingNode: string,
-    extendingFile: string
+    extendingFile: string,
 ) {
     const message = `"class extending component '${extendingNode} => ${scopedExtendingNode}' in stylesheet '${extendingFile}' was set on a node that does not extend '${extendedNode} => ${scopedExtendedNode}' from stylesheet '${extendedFile}'" !important`;
     return postcss.rule({
@@ -470,7 +470,7 @@ export function checkForScopedNodeAfter(
     context: FeatureContext,
     rule: postcss.Rule,
     nodes: ImmutableSelectorNode[],
-    index: number
+    index: number,
 ) {
     for (let i = index + 1; i < nodes.length; i++) {
         const node = nodes[i];
@@ -493,7 +493,7 @@ export function checkForScopedNodeAfter(
 }
 
 function isDirectiveDeclaration(
-    decl: postcss.Declaration
+    decl: postcss.Declaration,
 ): decl is postcss.Declaration & { prop: keyof typeof stPartDirectives } {
     return decl.prop in stPartDirectives;
 }
@@ -506,16 +506,19 @@ export function disableDirectivesForClass(context: FeatureContext, className: st
 
 function handleDirectives(
     context: FeatureContext,
-    decl: postcss.Declaration & { prop: keyof typeof stPartDirectives }
+    decl: postcss.Declaration & { prop: keyof typeof stPartDirectives },
 ) {
     const rule = decl.parent as postcss.Rule;
     if (rule?.type !== 'rule') {
         return;
     }
     const isSimplePerSelector = isSimpleSelector(rule.selector);
-    const type = isSimplePerSelector.reduce((accType, { type }) => {
-        return !accType ? type : accType !== type ? `complex` : type;
-    }, `` as (typeof isSimplePerSelector)[number]['type']);
+    const type = isSimplePerSelector.reduce(
+        (accType, { type }) => {
+            return !accType ? type : accType !== type ? `complex` : type;
+        },
+        `` as (typeof isSimplePerSelector)[number]['type'],
+    );
     const isSimple = type !== `complex`;
 
     const { classesDefinedWithAtSt } = plugableRecord.getUnsafe(context.meta.data, dataKey);
@@ -524,7 +527,7 @@ function handleDirectives(
             diagnostics.DISABLED_DIRECTIVE(rule.selector.replace('.', ''), decl.prop),
             {
                 node: decl,
-            }
+            },
         );
         return;
     } else if (decl.prop === `-st-states`) {
@@ -534,7 +537,7 @@ function handleDirectives(
                 decl,
                 rule.selector,
                 `-st-states`,
-                STCustomState.parsePseudoStates(decl.value, decl, context.diagnostics)
+                STCustomState.parsePseudoStates(decl.value, decl, context.diagnostics),
             );
         } else {
             if (type === 'type') {
@@ -565,7 +568,7 @@ function handleDirectives(
                     decl,
                     rule.selector,
                     `-st-extends`,
-                    getAlias(extendsRefSymbol) || extendsRefSymbol
+                    getAlias(extendsRefSymbol) || extendsRefSymbol,
                 );
             } else {
                 context.diagnostics.report(diagnostics.CANNOT_RESOLVE_EXTEND(decl.value), {
@@ -600,7 +603,7 @@ export function extendTypedRule(
     node: postcss.Node,
     selector: string,
     key: keyof StPartDirectives,
-    value: any
+    value: any,
 ) {
     const name = selector.replace('.', '');
     const typedRule = STSymbol.get(context.meta, name) as ClassSymbol | ElementSymbol;
@@ -654,7 +657,7 @@ export function parseStExtends(value: string) {
 }
 function parseStGlobal(
     context: FeatureContext,
-    decl: postcss.Declaration
+    decl: postcss.Declaration,
 ): SelectorNodes | undefined {
     const selector = parseSelectorWithCache(decl.value.replace(/^['"]/, '').replace(/['"]$/, ''), {
         clone: true,
diff --git a/packages/core/src/features/css-contains.ts b/packages/core/src/features/css-contains.ts
index 1ef01083ca..10858fd09b 100644
--- a/packages/core/src/features/css-contains.ts
+++ b/packages/core/src/features/css-contains.ts
@@ -27,43 +27,43 @@ export const diagnostics = {
     UNEXPECTED_DECL_VALUE: createDiagnosticReporter(
         '20001',
         'error',
-        (value: string) => `unexpected value: ${value}`
+        (value: string) => `unexpected value: ${value}`,
     ),
     UNKNOWN_DECL_TYPE: createDiagnosticReporter(
         '20002',
         'error',
-        (value: string) => `unknown container type: ${value}`
+        (value: string) => `unknown container type: ${value}`,
     ),
     MISSING_DECL_TYPE: createDiagnosticReporter(
         '20003',
         'error',
-        () => `missing container shorthand type`
+        () => `missing container shorthand type`,
     ),
     INVALID_CONTAINER_NAME: createDiagnosticReporter(
         '20004',
         'error',
-        (value: string) => `invalid container name: ${value}`
+        (value: string) => `invalid container name: ${value}`,
     ),
     UNRESOLVED_CONTAINER_NAME: createDiagnosticReporter(
         '20005',
         'error',
-        (value: string) => `unresolved container name: ${value}`
+        (value: string) => `unresolved container name: ${value}`,
     ),
     UNKNOWN_IMPORTED_CONTAINER: createDiagnosticReporter(
         '20006',
         'error',
         (name: string, path: string) =>
-            `cannot resolve imported container name "${name}" from stylesheet "${path}"`
+            `cannot resolve imported container name "${name}" from stylesheet "${path}"`,
     ),
     MISSING_CONTAINER_NAME_INSIDE_GLOBAL: createDiagnosticReporter(
         '20007',
         'warning',
-        () => `Missing container name inside "${GLOBAL_FUNC}()"`
+        () => `Missing container name inside "${GLOBAL_FUNC}()"`,
     ),
     UNEXPECTED_DEFINITION: createDiagnosticReporter(
         '20008',
         'error',
-        (def: string) => `Unexpected value in container definition: "${def}""`
+        (def: string) => `Unexpected value in container definition: "${def}""`,
     ),
 };
 
@@ -218,7 +218,7 @@ export const hooks = createFeature<{
                     {
                         node: symbol.import.rule,
                         word: symbol.name,
-                    }
+                    },
                 );
             }
         }
@@ -282,7 +282,7 @@ export const hooks = createFeature<{
                         CSSCustomProperty.transformPropertyIdent(
                             context.meta,
                             queryNode,
-                            context.getResolvedSymbols
+                            context.getResolvedSymbols,
                         );
                     }
                 }
@@ -443,7 +443,7 @@ export function getAll(meta: StylableMeta): Record<string, ContainerSymbol> {
 }
 export function getDefinition(
     meta: StylableMeta,
-    name: string
+    name: string,
 ): postcss.Declaration | postcss.AtRule | postcss.Rule | undefined {
     const { definitions } = plugableRecord.getUnsafe(meta.data, dataKey);
     return definitions[name];
diff --git a/packages/core/src/features/css-custom-property.ts b/packages/core/src/features/css-custom-property.ts
index d771fbb943..8094ca4e1a 100644
--- a/packages/core/src/features/css-custom-property.ts
+++ b/packages/core/src/features/css-custom-property.ts
@@ -34,42 +34,42 @@ export const diagnostics = {
         '01005',
         'error',
         (name: string) =>
-            `a custom css property must begin with "--" (double-dash), but received "${name}"`
+            `a custom css property must begin with "--" (double-dash), but received "${name}"`,
     ),
     ILLEGAL_CSS_VAR_ARGS: createDiagnosticReporter(
         '01006',
         'error',
         (name: string) =>
-            `custom property "${name}" usage (var()) must receive comma separated values`
+            `custom property "${name}" usage (var()) must receive comma separated values`,
     ),
     DEPRECATED_ST_GLOBAL_CUSTOM_PROPERTY: createDiagnosticReporter(
         '01007',
         'info',
         () =>
-            `"st-global-custom-property" is deprecated and will be removed in the next version. Use "@property" with ${GLOBAL_FUNC}`
+            `"st-global-custom-property" is deprecated and will be removed in the next version. Use "@property" with ${GLOBAL_FUNC}`,
     ),
     GLOBAL_CSS_VAR_MISSING_COMMA: createDiagnosticReporter(
         '01008',
         'error',
         (name: string) =>
-            `"@st-global-custom-property" received the value "${name}", but its values must be comma separated`
+            `"@st-global-custom-property" received the value "${name}", but its values must be comma separated`,
     ),
     ILLEGAL_GLOBAL_CSS_VAR: createDiagnosticReporter(
         '01009',
         'error',
         (name: string) =>
-            `"@st-global-custom-property" received the value "${name}", but it must begin with "--" (double-dash)`
+            `"@st-global-custom-property" received the value "${name}", but it must begin with "--" (double-dash)`,
     ),
     MISSING_PROP_NAME: createDiagnosticReporter(
         '01010',
         'error',
-        () => `missing custom property name for "var(--[PROP NAME])"`
+        () => `missing custom property name for "var(--[PROP NAME])"`,
     ),
     UNDEFINED_CSS_CUSTOM_PROP: createDiagnosticReporter(
         '01011',
         'error',
         (name) =>
-            `Undefined "${name}" custom property. Please define the property using '@property' or import it with '@st-import' when 'strictCustomProperty' is enabled.`
+            `Undefined "${name}" custom property. Please define the property using '@property' or import it with '@st-import' when 'strictCustomProperty' is enabled.`,
     ),
 };
 
@@ -97,13 +97,13 @@ export const hooks = createFeature<{
     analyzeInit(context) {
         // ToDo: move to `STImport.ImportTypeHook`
         for (const [symbolName, symbol] of Object.entries(
-            STSymbol.getAllByType(context.meta, `import`)
+            STSymbol.getAllByType(context.meta, `import`),
         )) {
             if (validateCustomPropertyName(symbolName)) {
                 const importSymbol = STSymbol.get(context.meta, symbolName, `import`);
                 if (!importSymbol) {
                     console.warn(
-                        `imported symbol "${symbolName}" not found on "${context.meta.source}"`
+                        `imported symbol "${symbolName}" not found on "${context.meta.source}"`,
                     );
                     continue;
                 }
@@ -131,7 +131,7 @@ export const hooks = createFeature<{
             }
             const { stCustomGlobalProperty, typedDefinitions } = plugableRecord.getUnsafe(
                 context.meta.data,
-                dataKey
+                dataKey,
             );
             // handle conflict with deprecated `@st-global-custom-property`
             if (stCustomGlobalProperty[name]) {
@@ -186,7 +186,7 @@ export const hooks = createFeature<{
         };
         const resolvedSymbols = getResolvedSymbols(meta);
         for (const [localVarName, localSymbol] of Object.entries(
-            STSymbol.getAllByType(meta, `cssVar`)
+            STSymbol.getAllByType(meta, `cssVar`),
         )) {
             const resolve = resolveFinalSymbol(meta, localSymbol, resolvedSymbols);
             customPropsMapping.localToGlobal[localVarName] = getTransformedName(resolve);
@@ -238,7 +238,7 @@ export const hooks = createFeature<{
 export function transformPropertyIdent(
     meta: StylableMeta,
     node: WordNode,
-    getResolvedSymbols: FeatureTransformContext['getResolvedSymbols']
+    getResolvedSymbols: FeatureTransformContext['getResolvedSymbols'],
 ) {
     const varWithPrefix = node.value || '';
     const resolvedSymbols = getResolvedSymbols(meta);
@@ -255,7 +255,7 @@ export function get(meta: StylableMeta, name: string): CSSVarSymbol | undefined
 function resolveFinalSymbol(
     meta: StylableMeta,
     localSymbol: CSSVarSymbol,
-    resolvedSymbols: ReturnType<FeatureTransformContext['getResolvedSymbols']>
+    resolvedSymbols: ReturnType<FeatureTransformContext['getResolvedSymbols']>,
 ) {
     return (
         resolvedSymbols.cssVar[localSymbol.name] || {
@@ -347,7 +347,7 @@ export class StylablePublicApi {
         const topLevelDiagnostics = new Diagnostics();
         const getResolvedSymbols = createSymbolResolverWithCache(
             this.stylable.resolver,
-            topLevelDiagnostics
+            topLevelDiagnostics,
         );
         const { cssVar } = getResolvedSymbols(meta);
         for (const [name, symbol] of Object.entries(cssVar)) {
diff --git a/packages/core/src/features/css-keyframes.ts b/packages/core/src/features/css-keyframes.ts
index 23e921d118..2d8f72df29 100644
--- a/packages/core/src/features/css-keyframes.ts
+++ b/packages/core/src/features/css-keyframes.ts
@@ -59,28 +59,28 @@ export const diagnostics = {
     ILLEGAL_KEYFRAMES_NESTING: createDiagnosticReporter(
         '02001',
         'error',
-        () => `illegal nested "@keyframes"`
+        () => `illegal nested "@keyframes"`,
     ),
     MISSING_KEYFRAMES_NAME: createDiagnosticReporter(
         '02002',
         'error',
-        () => '"@keyframes" missing parameter'
+        () => '"@keyframes" missing parameter',
     ),
     MISSING_KEYFRAMES_NAME_INSIDE_GLOBAL: createDiagnosticReporter(
         '02003',
         'error',
-        () => `"@keyframes" missing parameter inside "${GLOBAL_FUNC}()"`
+        () => `"@keyframes" missing parameter inside "${GLOBAL_FUNC}()"`,
     ),
     KEYFRAME_NAME_RESERVED: createDiagnosticReporter(
         '02004',
         'error',
-        (name: string) => `keyframes "${name}" is reserved`
+        (name: string) => `keyframes "${name}" is reserved`,
     ),
     UNKNOWN_IMPORTED_KEYFRAMES: createDiagnosticReporter(
         '02005',
         'error',
         (name: string, path: string) =>
-            `cannot resolve imported keyframes "${name}" from stylesheet "${path}"`
+            `cannot resolve imported keyframes "${name}" from stylesheet "${path}"`,
     ),
 };
 
@@ -176,7 +176,7 @@ export const hooks = createFeature<{
                     {
                         node: symbol.import.rule,
                         word: symbol.name,
-                    }
+                    },
                 );
             }
         }
@@ -193,7 +193,7 @@ export const hooks = createFeature<{
         /* js keyframes mixins won't have resolved keyframes */
         atRule.params = resolve
             ? getTransformedName(resolve)
-            : globalName ?? namespace(name, context.meta.namespace);
+            : (globalName ?? namespace(name, context.meta.namespace));
     },
     transformDeclaration({ decl, resolved }) {
         const parsed = postcssValueParser(decl.value);
@@ -278,7 +278,7 @@ function addKeyframesDeclaration(
     meta: StylableMeta,
     name: string,
     origin: postcss.AtRule | postcss.Rule,
-    isImported: boolean
+    isImported: boolean,
 ) {
     let path = ``;
     let current = origin.parent;
diff --git a/packages/core/src/features/css-layer.ts b/packages/core/src/features/css-layer.ts
index bc1f66b6f8..c14db88beb 100644
--- a/packages/core/src/features/css-layer.ts
+++ b/packages/core/src/features/css-layer.ts
@@ -26,33 +26,33 @@ export const diagnostics = {
     MISSING_LAYER_NAME_INSIDE_GLOBAL: createDiagnosticReporter(
         '19001',
         'warning',
-        () => `"@layer" missing parameter inside "${GLOBAL_FUNC}()"`
+        () => `"@layer" missing parameter inside "${GLOBAL_FUNC}()"`,
     ),
     LAYER_SORT_STATEMENT_WITH_STYLE: createDiagnosticReporter(
         '19002',
         'error',
-        () => `"@layer" ordering statement cannot have a style block`
+        () => `"@layer" ordering statement cannot have a style block`,
     ),
     RESERVED_KEYWORD: createDiagnosticReporter(
         '19003',
         'error',
-        (name: string) => `"@layer" name cannot be reserved word "${name}"`
+        (name: string) => `"@layer" name cannot be reserved word "${name}"`,
     ),
     NOT_IDENT: createDiagnosticReporter(
         '19004',
         'error',
-        (name: string) => `"@layer" expected ident, but got "${name}"`
+        (name: string) => `"@layer" expected ident, but got "${name}"`,
     ),
     RECONFIGURE_IMPORTED: createDiagnosticReporter(
         '19005',
         'error',
-        (name: string) => `cannot reconfigure imported layer "${name}"`
+        (name: string) => `cannot reconfigure imported layer "${name}"`,
     ),
     UNKNOWN_IMPORTED_LAYER: createDiagnosticReporter(
         '19006',
         'error',
         (name: string, path: string) =>
-            `cannot resolve imported layer "${name}" from stylesheet "${path}"`
+            `cannot resolve imported layer "${name}" from stylesheet "${path}"`,
     ),
 };
 
@@ -105,7 +105,7 @@ export const hooks = createFeature<{
                 atRule.params,
                 context.diagnostics,
                 atRule,
-                context.meta.type === 'stylable'
+                context.meta.type === 'stylable',
             );
             if (analyzedParams.multiple && atRule.nodes) {
                 context.diagnostics.report(diagnostics.LAYER_SORT_STATEMENT_WITH_STYLE(), {
@@ -146,7 +146,7 @@ export const hooks = createFeature<{
                     {
                         node: symbol.import.rule,
                         word: symbol.name,
-                    }
+                    },
                 );
             }
         }
@@ -188,7 +188,7 @@ export function getAll(meta: StylableMeta): Record<string, LayerSymbol> {
 }
 export function getDefinition(
     meta: StylableMeta,
-    name: string
+    name: string,
 ): postcss.AtRule | postcss.Rule | undefined {
     const analyzeMetaData = plugableRecord.getUnsafe(meta.data, dataKey);
     return analyzeMetaData.layerDefs[name];
@@ -198,7 +198,7 @@ function parseLayerParams(
     params: string,
     report: Diagnostics,
     atRule: postcss.AtRule,
-    isStylable: boolean
+    isStylable: boolean,
 ) {
     const names: string[] = [];
     const globals: Record<string, true> = {};
@@ -317,7 +317,7 @@ function analyzeCSSImportLayer(context: FeatureContext, importAtRule: postcss.At
 function transformCSSImportLayer(
     _context: FeatureContext,
     importAtRule: postcss.AtRule,
-    resolved: Record<string, ResolvedLayer>
+    resolved: Record<string, ResolvedLayer>,
 ) {
     const ast = valueParser(importAtRule.params).nodes;
     for (let i = 0; i < ast.length; ++i) {
diff --git a/packages/core/src/features/css-pseudo-class.ts b/packages/core/src/features/css-pseudo-class.ts
index 57b66077df..85097a9ef3 100644
--- a/packages/core/src/features/css-pseudo-class.ts
+++ b/packages/core/src/features/css-pseudo-class.ts
@@ -10,7 +10,7 @@ export const diagnostics = {
     UNKNOWN_STATE_USAGE: createDiagnosticReporter(
         '08001',
         'error',
-        (name: string) => `unknown pseudo-class "${name}"`
+        (name: string) => `unknown pseudo-class "${name}"`,
     ),
 };
 
@@ -36,7 +36,7 @@ export const hooks = createFeature({
                     inferredState.meta.namespace,
                     context.resolver,
                     context.diagnostics,
-                    ruleOrAtRule
+                    ruleOrAtRule,
                 );
             }
         }
@@ -54,13 +54,13 @@ export const hooks = createFeature({
                                 symbol: CSSType.createSymbol({ name: '*' }),
                             },
                         ],
-                        node
+                        node,
                     );
                 }
                 return;
             } else {
                 const hasSubSelectors = node.value.match(
-                    /not|any|-\w+?-any|matches|is|where|has|local|nth-child|nth-last-child/
+                    /not|any|-\w+?-any|matches|is|where|has|local|nth-child|nth-last-child/,
                 );
                 // pickup all nested selectors except nth initial selector
                 const innerSelectors = (
@@ -68,7 +68,7 @@ export const hooks = createFeature({
                 ) as Selector[];
                 const nestedContext = selectorContext.createNestedContext(
                     innerSelectors,
-                    selectorContext.inferredSelector
+                    selectorContext.inferredSelector,
                 );
                 scopeSelectorAst(nestedContext);
                 // change selector inference
@@ -81,17 +81,17 @@ export const hooks = createFeature({
                         const prevNode = selectorContext.lastInferredSelectorNode;
                         if (prevNode && prevNode.type !== 'combinator') {
                             nestedContext.inferredMultipleSelectors.add(
-                                selectorContext.inferredSelector
+                                selectorContext.inferredSelector,
                             );
                         }
                         selectorContext.setNextSelectorScope(
                             nestedContext.inferredMultipleSelectors,
-                            node
+                            node,
                         );
                     }
                     // legacy: delegate elements of first selector
                     selectorContext.elements[selectorContext.selectorIndex].push(
-                        ...nestedContext.elements[0]
+                        ...nestedContext.elements[0],
                     );
                 }
             }
diff --git a/packages/core/src/features/css-type.ts b/packages/core/src/features/css-type.ts
index 50014077a2..b2a86faa52 100644
--- a/packages/core/src/features/css-type.ts
+++ b/packages/core/src/features/css-type.ts
@@ -23,7 +23,7 @@ export const diagnostics = {
         `03001`,
         'warning',
         (name: string) =>
-            `unscoped type selector "${name}" will affect all elements of the same type in the document`
+            `unscoped type selector "${name}" will affect all elements of the same type in the document`,
     ),
 };
 
@@ -41,7 +41,7 @@ export const hooks = createFeature<{
                 {
                     node: rule,
                     word: stringifySelector(node),
-                }
+                },
             );
         }
         addType(context, node.value, rule);
diff --git a/packages/core/src/features/diagnostics.ts b/packages/core/src/features/diagnostics.ts
index ab493b986f..5bbdf3d15e 100644
--- a/packages/core/src/features/diagnostics.ts
+++ b/packages/core/src/features/diagnostics.ts
@@ -4,11 +4,11 @@ export const generalDiagnostics = {
     INVALID_FUNCTIONAL_SELECTOR: createDiagnosticReporter(
         '00001',
         'error',
-        (selector: string, type: string) => `"${selector}" ${type} is not functional`
+        (selector: string, type: string) => `"${selector}" ${type} is not functional`,
     ),
     FORBIDDEN_DEF_IN_COMPLEX_SELECTOR: createDiagnosticReporter(
         '05014',
         'error',
-        (name: string) => `cannot define "${name}" inside a complex selector`
+        (name: string) => `cannot define "${name}" inside a complex selector`,
     ),
 };
diff --git a/packages/core/src/features/feature.ts b/packages/core/src/features/feature.ts
index 47622db34c..4774d04d3b 100644
--- a/packages/core/src/features/feature.ts
+++ b/packages/core/src/features/feature.ts
@@ -22,7 +22,7 @@ export const defaultFeatureFlags: FeatureFlags = {
 export type SelectorNodeContext = [
     index: number,
     nodes: ImmutableSelectorNode[],
-    parents: ImmutableSelectorNode[]
+    parents: ImmutableSelectorNode[],
 ];
 
 export interface FeatureContext {
@@ -53,7 +53,7 @@ export interface FeatureHooks<T extends NodeTypes = NodeTypes> {
         atRule: postcss.AtRule;
         analyzeRule: (
             rule: postcss.Rule,
-            options: { isScoped: boolean; originalNode: postcss.AtRule | postcss.Rule }
+            options: { isScoped: boolean; originalNode: postcss.AtRule | postcss.Rule },
         ) => boolean;
     }) => void;
     analyzeSelectorNode: (options: {
@@ -159,7 +159,7 @@ const defaultHooks: FeatureHooks<NodeTypes> = {
     },
 };
 export function createFeature<T extends NodeTypes>(
-    hooks: Partial<FeatureHooks<T>>
+    hooks: Partial<FeatureHooks<T>>,
 ): FeatureHooks<T> {
     return {
         ...defaultHooks,
diff --git a/packages/core/src/features/st-custom-selector.ts b/packages/core/src/features/st-custom-selector.ts
index 3a6aae4d36..53e05d3fd3 100644
--- a/packages/core/src/features/st-custom-selector.ts
+++ b/packages/core/src/features/st-custom-selector.ts
@@ -15,7 +15,7 @@ export const diagnostics = {
     UNKNOWN_CUSTOM_SELECTOR: createDiagnosticReporter(
         '18001',
         'error',
-        (selector: string) => `The selector '${selector}' is undefined`
+        (selector: string) => `The selector '${selector}' is undefined`,
     ),
 };
 
@@ -125,10 +125,13 @@ export function getCustomSelector(meta: StylableMeta, name: string): SelectorLis
 }
 export function getCustomSelectors(meta: StylableMeta) {
     const analyzed = plugableRecord.getUnsafe(meta.data, dataKey);
-    return Object.entries(analyzed).reduce((acc, [name, { ast }]) => {
-        acc[name] = ast;
-        return acc;
-    }, {} as Record<string, AnalyzedCustomSelector['ast']>);
+    return Object.entries(analyzed).reduce(
+        (acc, [name, { ast }]) => {
+            acc[name] = ast;
+            return acc;
+        },
+        {} as Record<string, AnalyzedCustomSelector['ast']>,
+    );
 }
 
 export function getCustomSelectorExpended(meta: StylableMeta, name: string): string | undefined {
@@ -144,7 +147,7 @@ export function getCustomSelectorNames(meta: StylableMeta): string[] {
 export function transformCustomSelectorInline(
     meta: StylableMeta,
     selector: string,
-    options: { diagnostics?: Diagnostics; node?: postcss.Node } = {}
+    options: { diagnostics?: Diagnostics; node?: postcss.Node } = {},
 ) {
     const ast = parseSelectorWithCache(selector, { clone: true });
     const analyzed = plugableRecord.getUnsafe(meta.data, dataKey);
@@ -159,7 +162,7 @@ export function transformCustomSelectorInline(
                     word: unknownSelector,
                 });
             }
-        }
+        },
     );
     return stringifySelectorAst(inlined);
 }
diff --git a/packages/core/src/features/st-global.ts b/packages/core/src/features/st-global.ts
index 5549c6ec33..27c1517ba8 100644
--- a/packages/core/src/features/st-global.ts
+++ b/packages/core/src/features/st-global.ts
@@ -27,7 +27,7 @@ export const diagnostics = {
     UNSUPPORTED_MULTI_SELECTOR_IN_GLOBAL: createDiagnosticReporter(
         '04001',
         'error',
-        () => `unsupported multi selector in :global()`
+        () => `unsupported multi selector in :global()`,
     ),
 };
 
diff --git a/packages/core/src/features/st-import.ts b/packages/core/src/features/st-import.ts
index 50453ffc61..1db3adfe4a 100644
--- a/packages/core/src/features/st-import.ts
+++ b/packages/core/src/features/st-import.ts
@@ -74,45 +74,45 @@ export const diagnostics = {
     NO_ST_IMPORT_IN_NESTED_SCOPE: createDiagnosticReporter(
         '05011',
         'error',
-        () => `cannot use "@st-import" inside of nested scope`
+        () => `cannot use "@st-import" inside of nested scope`,
     ),
     NO_PSEUDO_IMPORT_IN_NESTED_SCOPE: createDiagnosticReporter(
         '05012',
         'error',
-        () => `cannot use ":import" inside of nested scope`
+        () => `cannot use ":import" inside of nested scope`,
     ),
     INVALID_CUSTOM_PROPERTY_AS_VALUE: createDiagnosticReporter(
         '05013',
         'error',
         (name: string, as: string) =>
-            `invalid alias for custom property "${name}" as "${as}"; custom properties must be prefixed with "--" (double-dash)`
+            `invalid alias for custom property "${name}" as "${as}"; custom properties must be prefixed with "--" (double-dash)`,
     ),
     UNKNOWN_IMPORTED_SYMBOL: createDiagnosticReporter(
         '05015',
         'error',
         (name: string, path: string) =>
-            `cannot resolve imported symbol "${name}" from stylesheet "${path}"`
+            `cannot resolve imported symbol "${name}" from stylesheet "${path}"`,
     ),
     UNKNOWN_IMPORTED_FILE: createDiagnosticReporter(
         '05016',
         'error',
         (path: string, error?: unknown) =>
-            `cannot resolve imported file: "${path}"${error ? `\nFailed with:\n${error}` : ''}`
+            `cannot resolve imported file: "${path}"${error ? `\nFailed with:\n${error}` : ''}`,
     ),
     UNKNOWN_TYPED_IMPORT: createDiagnosticReporter(
         '05018',
         'error',
-        (type: string) => `Unknown type import "${type}"`
+        (type: string) => `Unknown type import "${type}"`,
     ),
     NO_DEFAULT_EXPORT: createDiagnosticReporter(
         '05020',
         'error',
-        (path: string) => `Native CSS files have no default export. Imported file: "${path}"`
+        (path: string) => `Native CSS files have no default export. Imported file: "${path}"`,
     ),
     UNSUPPORTED_NATIVE_IMPORT: createDiagnosticReporter(
         '05021',
         'warning',
-        () => `Unsupported @import within imported native CSS file`
+        () => `Unsupported @import within imported native CSS file`,
     ),
 };
 
@@ -159,7 +159,7 @@ export const hooks = createFeature<{
         if (rule.selector !== `:import`) {
             context.diagnostics.report(
                 diagnostics.FORBIDDEN_DEF_IN_COMPLEX_SELECTOR(PseudoImport),
-                { node: rule }
+                { node: rule },
             );
             return;
         }
@@ -207,7 +207,7 @@ function calcCssDepth(context: FeatureTransformContext) {
                 cssDepth = Math.max(cssDepth, depth);
             }
         },
-        2
+        2,
     );
     context.meta.transformCssDepth = { cssDepth, deepDependencies };
 }
@@ -228,7 +228,7 @@ export function createImportSymbol(
     importDef: Imported,
     type: `default` | `named`,
     name: string,
-    dirContext: string
+    dirContext: string,
 ): ImportSymbol {
     return {
         _kind: 'import',
@@ -280,7 +280,7 @@ function checkForInvalidAsUsage(importDef: Imported, context: FeatureContext) {
         if (validateCustomPropertyName(imported) && !validateCustomPropertyName(local)) {
             context.diagnostics.report(
                 diagnostics.INVALID_CUSTOM_PROPERTY_AS_VALUE(imported, local),
-                { node: importDef.rule }
+                { node: importDef.rule },
             );
         }
     }
@@ -295,7 +295,7 @@ function validateImports(context: FeatureTransformContext) {
             const fromDecl =
                 importObj.rule.nodes &&
                 importObj.rule.nodes.find(
-                    (decl) => decl.type === 'decl' && decl.prop === PseudoImportDecl.FROM
+                    (decl) => decl.type === 'decl' && decl.prop === PseudoImportDecl.FROM,
                 );
 
             context.diagnostics.report(
@@ -303,7 +303,7 @@ function validateImports(context: FeatureTransformContext) {
                 {
                     node: fromDecl || importObj.rule,
                     word: importObj.request,
-                }
+                },
             );
         } else if (entity.kind === 'css') {
             const meta = entity.value;
@@ -338,12 +338,12 @@ function validateImports(context: FeatureTransformContext) {
                     const namedDecl =
                         importObj.rule.nodes &&
                         importObj.rule.nodes.find(
-                            (decl) => decl.type === 'decl' && decl.prop === PseudoImportDecl.NAMED
+                            (decl) => decl.type === 'decl' && decl.prop === PseudoImportDecl.NAMED,
                         );
 
                     context.diagnostics.report(
                         diagnostics.UNKNOWN_IMPORTED_SYMBOL(origName, importObj.request),
-                        { node: namedDecl || importObj.rule, word: origName }
+                        { node: namedDecl || importObj.rule, word: origName },
                     );
                 }
             }
@@ -360,8 +360,8 @@ function getErrorText(res: CachedModuleEntity) {
             return 'details' in error
                 ? String(error.details)
                 : 'message' in error
-                ? String(error.message)
-                : String(error);
+                  ? String(error.message)
+                  : String(error);
         }
         return String(error);
     }
diff --git a/packages/core/src/features/st-mixin.ts b/packages/core/src/features/st-mixin.ts
index ea4e6e622b..2a8414984b 100644
--- a/packages/core/src/features/st-mixin.ts
+++ b/packages/core/src/features/st-mixin.ts
@@ -68,43 +68,43 @@ export const diagnostics = {
         '10001',
         'error',
         (type: string) =>
-            `"${MixinType.PARTIAL}" can only be used with override arguments provided, missing overrides on "${type}"`
+            `"${MixinType.PARTIAL}" can only be used with override arguments provided, missing overrides on "${type}"`,
     ),
     UNKNOWN_MIXIN: createDiagnosticReporter(
         '10002',
         'error',
-        (name: string) => `unknown mixin: "${name}"`
+        (name: string) => `unknown mixin: "${name}"`,
     ),
     OVERRIDE_MIXIN: createDiagnosticReporter(
         '10003',
         'warning',
-        (mixinType: string) => `override ${mixinType} on same rule`
+        (mixinType: string) => `override ${mixinType} on same rule`,
     ),
     FAILED_TO_APPLY_MIXIN: createDiagnosticReporter(
         '10004',
         'error',
-        (error: string) => `could not apply mixin: ${error}`
+        (error: string) => `could not apply mixin: ${error}`,
     ),
     JS_MIXIN_NOT_A_FUNC: createDiagnosticReporter(
         '10005',
         'error',
-        () => `js mixin must be a function`
+        () => `js mixin must be a function`,
     ),
     UNSUPPORTED_MIXIN_SYMBOL: createDiagnosticReporter(
         '10007',
         'error',
         (name: string, symbolType: STSymbol.StylableSymbol['_kind']) =>
-            `cannot mix unsupported symbol "${name}" of type "${STSymbol.readableTypeMap[symbolType]}"`
+            `cannot mix unsupported symbol "${name}" of type "${STSymbol.readableTypeMap[symbolType]}"`,
     ),
     CIRCULAR_MIXIN: createDiagnosticReporter(
         '10006',
         'error',
-        (circularPaths: string[]) => `circular mixin found: ${circularPaths.join(' --> ')}`
+        (circularPaths: string[]) => `circular mixin found: ${circularPaths.join(' --> ')}`,
     ),
     UNKNOWN_ARG: createDiagnosticReporter(
         '10009',
         'warning',
-        (argName) => `unknown mixin argument "${argName}"`
+        (argName) => `unknown mixin argument "${argName}"`,
     ),
 };
 
@@ -117,7 +117,7 @@ export const hooks = createFeature({
             selectorContext.setNextSelectorScope(
                 selectorContext.inferredSelectorMixin,
                 node,
-                node.value
+                node.value,
             );
         }
         return isMarker;
@@ -136,7 +136,7 @@ export class StylablePublicApi {
         {
             diagnostics = new Diagnostics(),
             resolveOptionalArgs = false,
-        }: { diagnostics?: Diagnostics; resolveOptionalArgs?: boolean } = {}
+        }: { diagnostics?: Diagnostics; resolveOptionalArgs?: boolean } = {},
     ) {
         const resolvedSymbols = this.stylable.resolver.resolveSymbols(meta, diagnostics);
         const { mainNamespace } = resolvedSymbols;
@@ -144,7 +144,7 @@ export class StylablePublicApi {
             { meta, diagnostics },
             resolvedSymbols,
             postcss.decl({ prop: '-st-mixin', value: expr }),
-            (mixinSymbolName) => (mainNamespace[mixinSymbolName] === 'js' ? 'args' : 'named')
+            (mixinSymbolName) => (mainNamespace[mixinSymbolName] === 'js' ? 'args' : 'named'),
         );
         const result: MixinReflection[] = [];
         for (const { data } of analyzedMixins) {
@@ -168,7 +168,7 @@ export class StylablePublicApi {
                         collectOptionalArgs(
                             { meta, resolver: this.stylable.resolver },
                             mixinRoot,
-                            names
+                            names,
                         );
                         names.forEach((name) => varMap.set(name, { name }));
                     });
@@ -212,7 +212,7 @@ function appendMixins(
     context: FeatureTransformContext,
     transformer: StylableTransformer,
     rule: postcss.Rule,
-    path: string[] = []
+    path: string[] = [],
 ) {
     const [decls, mixins] = collectRuleMixins(context, rule);
     if (!mixins || mixins.length === 0) {
@@ -230,7 +230,7 @@ function appendMixins(
 
 function collectRuleMixins(
     context: FeatureTransformContext,
-    rule: postcss.Rule
+    rule: postcss.Rule,
 ): [decls: postcss.Declaration[], mixins: AnalyzedMixin[]] {
     let mixins: AnalyzedMixin[] = [];
     const resolvedSymbols = context.getResolvedSymbols(context.meta);
@@ -249,7 +249,7 @@ function collectRuleMixins(
                 (mixinSymbolName) => {
                     return mainNamespace[mixinSymbolName] === 'js' ? 'args' : 'named';
                 },
-                mixins
+                mixins,
             );
         }
     }
@@ -261,7 +261,7 @@ function collectDeclMixins(
     resolvedSymbols: MetaResolvedSymbols,
     decl: postcss.Declaration,
     paramSignature: (mixinSymbolName: string) => 'named' | 'args',
-    previousMixins?: AnalyzedMixin[]
+    previousMixins?: AnalyzedMixin[],
 ): AnalyzedMixin[] {
     const { meta } = context;
     let mixins: AnalyzedMixin[] = [];
@@ -269,8 +269,8 @@ function collectDeclMixins(
         decl.prop === MixinType.ALL
             ? parseStMixin
             : decl.prop === MixinType.PARTIAL
-            ? parseStPartialMixin
-            : null;
+              ? parseStPartialMixin
+              : null;
     if (!parser) {
         return previousMixins || mixins;
     }
@@ -298,7 +298,7 @@ function collectDeclMixins(
                         {
                             node: decl,
                             word: mixin.type,
-                        }
+                        },
                     );
                 }
             } else {
@@ -320,7 +320,7 @@ function collectDeclMixins(
                         {
                             node: decl,
                             word: mixin.type,
-                        }
+                        },
                     );
                 } else {
                     context.diagnostics.report(diagnostics.UNKNOWN_MIXIN(mixin.type), {
@@ -329,7 +329,7 @@ function collectDeclMixins(
                     });
                 }
             }
-        }
+        },
     );
 
     if (previousMixins) {
@@ -390,7 +390,7 @@ function appendMixin(context: FeatureTransformContext, config: ApplyMixinContext
 
 function checkRecursive(
     { meta, diagnostics: report }: FeatureTransformContext,
-    { mixDef, path, rule }: ApplyMixinContext
+    { mixDef, path, rule }: ApplyMixinContext,
 ) {
     const symbolName =
         mixDef.symbol.name === meta.root
@@ -413,7 +413,7 @@ function checkRecursive(
 function handleJSMixin(
     context: FeatureTransformContext,
     config: ApplyMixinContext,
-    mixinFunction: (...args: any[]) => any
+    mixinFunction: (...args: any[]) => any,
 ) {
     const stVarOverride = context.evaluator.stVarOverride || {};
     const meta = context.meta;
@@ -432,7 +432,7 @@ function handleJSMixin(
     fixRelativeUrls(
         mixinRoot,
         context.resolver.resolvePath(dirname(meta.source), mixinPath),
-        meta.source
+        meta.source,
     );
 
     mergeRules(mixinRoot, config.rule, mixDef.data.originDecl, context.diagnostics, true);
@@ -441,7 +441,7 @@ function handleJSMixin(
 function handleCSSMixin(
     context: FeatureTransformContext,
     config: ApplyMixinContext,
-    resolveChain: CSSResolve<ClassSymbol | ElementSymbol>[]
+    resolveChain: CSSResolve<ClassSymbol | ElementSymbol>[],
 ) {
     const mixDef = config.mixDef;
     const isPartial = mixDef.data.partial;
@@ -473,12 +473,12 @@ function handleCSSMixin(
                 context.diagnostics,
                 mixDef.data.originDecl,
                 stVarOverride,
-                config.path
+                config.path,
             );
             collectOptionalArgs(
                 { meta: resolved.meta, resolver: context.resolver },
                 mixinRoot,
-                optionalArgs
+                optionalArgs,
             );
             // transform mixin
             const mixinMeta: StylableMeta = resolved.meta;
@@ -494,10 +494,10 @@ function handleCSSMixin(
                 config.transformer.createInferredSelector(mixinMeta, {
                     name: resolved.symbol.name,
                     type: resolved.symbol._kind,
-                })
+                }),
             );
             fixRelativeUrls(mixinRoot, resolved.meta.source, context.meta.source);
-        }
+        },
     );
 
     for (const overrideArg of overrideKeys) {
@@ -515,7 +515,7 @@ function handleCSSMixin(
             config.rule,
             mixDef.data.originDecl,
             config.transformer.diagnostics,
-            false
+            false,
         );
     } else if (roots.length > 1) {
         const mixinRoot = postcss.root();
@@ -525,7 +525,7 @@ function handleCSSMixin(
             config.rule,
             mixDef.data.originDecl,
             config.transformer.diagnostics,
-            false
+            false,
         );
     }
 }
@@ -533,7 +533,7 @@ function handleCSSMixin(
 function collectOptionalArgs(
     context: Pick<FeatureTransformContext, 'meta' | 'resolver'>,
     mixinRoot: postcss.Root,
-    optionalArgs: Set<string> = new Set()
+    optionalArgs: Set<string> = new Set(),
 ) {
     mixinRoot.walk((node) => {
         const value = node.type === 'decl' ? node.value : node.type === 'atrule' ? node.params : '';
@@ -553,7 +553,7 @@ function getCSSMixinRoots(
         mixinRoot: postcss.Root;
         resolved: CSSResolve<ClassSymbol | ElementSymbol>;
         isRootMixin: boolean;
-    }) => void
+    }) => void,
 ) {
     const roots = [];
     for (const resolved of resolveChain) {
@@ -563,7 +563,7 @@ function getCSSMixinRoots(
             (resolved.symbol._kind === 'class' ? '.' : '') + resolved.symbol.name,
             undefined,
             isRootMixin,
-            (name) => STCustomSelector.getCustomSelector(contextMeta, name)
+            (name) => STCustomSelector.getCustomSelector(contextMeta, name),
         );
         processMixinRoot({ mixinRoot, resolved, isRootMixin });
         roots.push(mixinRoot);
@@ -578,7 +578,7 @@ function getCSSMixinRoots(
 function filterPartialMixinDecl(
     meta: StylableMeta,
     mixinRoot: postcss.Root,
-    overrideKeys: string[]
+    overrideKeys: string[],
 ) {
     let regexp: RegExp;
     const overrideSet = new Set(overrideKeys);
diff --git a/packages/core/src/features/st-namespace.ts b/packages/core/src/features/st-namespace.ts
index faebdd8f4d..077fbee679 100644
--- a/packages/core/src/features/st-namespace.ts
+++ b/packages/core/src/features/st-namespace.ts
@@ -12,32 +12,32 @@ export const diagnostics = {
     INVALID_NAMESPACE_DEF: createDiagnosticReporter(
         '11007',
         'error',
-        () => 'invalid @st-namespace'
+        () => 'invalid @st-namespace',
     ),
     EMPTY_NAMESPACE_DEF: createDiagnosticReporter(
         '11008',
         'error',
-        () => '@st-namespace must contain at least one character or digit'
+        () => '@st-namespace must contain at least one character or digit',
     ),
     EXTRA_DEFINITION: createDiagnosticReporter(
         '11012',
         'error',
-        () => '@st-namespace must contain a single string definition'
+        () => '@st-namespace must contain a single string definition',
     ),
     INVALID_NAMESPACE_VALUE: createDiagnosticReporter(
         '11013',
         'error',
-        () => '@st-namespace must contain only letters, numbers or dashes'
+        () => '@st-namespace must contain only letters, numbers or dashes',
     ),
     INVALID_NAMESPACE_REFERENCE: createDiagnosticReporter(
         '11010',
         'error',
-        () => 'st-namespace-reference dose not have any value'
+        () => 'st-namespace-reference dose not have any value',
     ),
     NATIVE_OVERRIDE_DEPRECATION: createDiagnosticReporter(
         '11014',
         'info',
-        () => '@namespace will stop working in version 6, use @st-namespace instead'
+        () => '@namespace will stop working in version 6, use @st-namespace instead',
     ),
 };
 
@@ -185,7 +185,7 @@ export function defaultProcessNamespace(namespace: string, origin: string, _sour
 
 export function setMetaNamespace(
     context: FeatureContext,
-    resolveNamespace: typeof defaultProcessNamespace
+    resolveNamespace: typeof defaultProcessNamespace,
 ): void {
     const meta = context.meta;
     // resolve namespace
@@ -213,6 +213,6 @@ export function setMetaNamespace(
     meta.namespace = resolveNamespace(
         namespace,
         pathToSource ? path.resolve(path.dirname(meta.source), pathToSource) : meta.source,
-        meta.source
+        meta.source,
     );
 }
diff --git a/packages/core/src/features/st-scope.ts b/packages/core/src/features/st-scope.ts
index 78db88c3d8..5720aef347 100644
--- a/packages/core/src/features/st-scope.ts
+++ b/packages/core/src/features/st-scope.ts
@@ -30,7 +30,7 @@ export const hooks = createFeature<{ IMMUTABLE_SELECTOR: ImmutablePseudoClass }>
             {
                 isScoped: true,
                 originalNode: atRule,
-            }
+            },
         );
         context.meta.scopes.push(atRule);
     },
@@ -49,7 +49,7 @@ export const hooks = createFeature<{ IMMUTABLE_SELECTOR: ImmutablePseudoClass }>
                 atRule.params,
                 atRule,
                 undefined,
-                inferredSelectorMixin
+                inferredSelectorMixin,
             );
             // transform selector in params
             atRule.params = selector;
@@ -90,7 +90,7 @@ function flattenScope(atRule: postcss.AtRule) {
         atRule.walkRules((rule) => {
             rule.selector = scopeNestedSelector(
                 parseSelectorWithCache(scopeSelector),
-                parseSelectorWithCache(rule.selector)
+                parseSelectorWithCache(rule.selector),
             ).selector;
             (rule as SRule).stScopeSelector = atRule.params;
         });
diff --git a/packages/core/src/features/st-structure.ts b/packages/core/src/features/st-structure.ts
index 1119e2c5f2..2082336646 100644
--- a/packages/core/src/features/st-structure.ts
+++ b/packages/core/src/features/st-structure.ts
@@ -31,74 +31,74 @@ export const diagnostics = {
     GLOBAL_MAPPING_LIMITATION: createDiagnosticReporter(
         '21000',
         'error',
-        () => `Currently class mapping is limited to single global selector: :global(<selector>)`
+        () => `Currently class mapping is limited to single global selector: :global(<selector>)`,
     ),
     UNSUPPORTED_TOP_DEF: createDiagnosticReporter(
         '21001',
         'error',
-        () => 'top level @st must start with a class'
+        () => 'top level @st must start with a class',
     ),
     MISSING_EXTEND: createDiagnosticReporter(
         '21002',
         'error',
-        () => `missing required class reference to extend a class (e.g. ":is(.class-name)"`
+        () => `missing required class reference to extend a class (e.g. ":is(.class-name)"`,
     ),
     OVERRIDE_IMPORTED_CLASS: createDiagnosticReporter(
         '21003',
         'error',
-        () => `cannot override imported class definition`
+        () => `cannot override imported class definition`,
     ),
     STATE_OUT_OF_CONTEXT: createDiagnosticReporter(
         '21004',
         'error',
-        () => 'pseudo-state definition must be directly nested in a `@st .class{}` definition'
+        () => 'pseudo-state definition must be directly nested in a `@st .class{}` definition',
     ),
     // 31005 - unused
     MISSING_MAPPED_SELECTOR: createDiagnosticReporter(
         '21006',
         'error',
-        () => `missing mapped selector after "=>"`
+        () => `missing mapped selector after "=>"`,
     ),
     MULTI_MAPPED_SELECTOR: createDiagnosticReporter(
         '21007',
         'error',
         () =>
-            'mapped selector accepts only a single selector.\nuse `:is()` or `:where()` to map multiple selectors)'
+            'mapped selector accepts only a single selector.\nuse `:is()` or `:where()` to map multiple selectors)',
     ),
     ELEMENT_OUT_OF_CONTEXT: createDiagnosticReporter(
         '21008',
         'error',
-        () => 'pseudo-element definition must be directly nested in a `@st .class{}` definition'
+        () => 'pseudo-element definition must be directly nested in a `@st .class{}` definition',
     ),
     MISSING_MAPPING: createDiagnosticReporter(
         '21009',
         'error',
-        () => 'expected selector mapping (e.g. "=> <selector>")'
+        () => 'expected selector mapping (e.g. "=> <selector>")',
     ),
     REDECLARE: createDiagnosticReporter(
         '21010',
         'error',
-        (type: string, src: string) => `redeclare ${type} definition: "${src}"`
+        (type: string, src: string) => `redeclare ${type} definition: "${src}"`,
     ),
     INVALID_ST_DEF: createDiagnosticReporter(
         '21011',
         'error',
-        (params: string) => `invalid @st "${params}" definition`
+        (params: string) => `invalid @st "${params}" definition`,
     ),
     MAPPING_UNSUPPORTED_NESTING: createDiagnosticReporter(
         '21012',
         'error',
-        () => 'mapped selector can only contain `&` as an initial selector'
+        () => 'mapped selector can only contain `&` as an initial selector',
     ),
     UNEXPECTED_EXTRA_VALUE: createDiagnosticReporter(
         '21013',
         'error',
-        (extraValue: string) => `found unexpected extra value definition: "${extraValue}"`
+        (extraValue: string) => `found unexpected extra value definition: "${extraValue}"`,
     ),
     CLASS_OUT_OF_CONTEXT: createDiagnosticReporter(
         '21014',
         'error',
-        () => 'class definition must be top level'
+        () => 'class definition must be top level',
     ),
 };
 
@@ -157,7 +157,7 @@ export const hooks = createFeature({
 
         const { analyzedDefToPartSymbol, declaredClasses } = plugableRecord.getUnsafe(
             context.meta.data,
-            dataKey
+            dataKey,
         );
         const analyzed = analyzeStAtRule(atRule, context);
         if (!analyzed) {
@@ -176,7 +176,7 @@ export const hooks = createFeature({
                     atRule,
                     '.' + analyzed.name,
                     '-st-extends',
-                    getAlias(extendedSymbol) || extendedSymbol
+                    getAlias(extendedSymbol) || extendedSymbol,
                 );
             }
             // class mapping
@@ -194,7 +194,7 @@ export const hooks = createFeature({
                         {
                             isScoped: false,
                             originalNode: atRule,
-                        }
+                        },
                     );
                     // register global mapping to class
                     CSSClass.extendTypedRule(
@@ -202,7 +202,7 @@ export const hooks = createFeature({
                         atRule,
                         analyzed.name,
                         '-st-global',
-                        mappedSelectorAst.nodes
+                        mappedSelectorAst.nodes,
                     );
                 }
             }
@@ -234,7 +234,7 @@ export const hooks = createFeature({
                 {
                     isScoped: true,
                     originalNode: atRule,
-                }
+                },
             );
             // register part mapping to parent definition
             const partSymbol = setPart(parentSymbol, getSymbolId(parentSymbol), partName, [
@@ -299,7 +299,7 @@ function isStAtRule(node: postcss.AnyNode): node is postcss.AtRule {
 function getPartParentSymbol(
     context: FeatureContext,
     { parentAnalyze }: ParsedStPart,
-    analyzedDefToPartSymbol: Map<AnalyzedStDef, PartSymbol>
+    analyzedDefToPartSymbol: Map<AnalyzedStDef, PartSymbol>,
 ) {
     return parentAnalyze.type === 'topLevelClass'
         ? CSSClass.get(context.meta, parentAnalyze.name)
@@ -311,7 +311,7 @@ export function isStructureMode(meta: StylableMeta) {
 }
 
 export function createPartSymbol(
-    input: Partial<PartSymbol> & Pick<PartSymbol, 'name' | 'id' | 'mapTo'>
+    input: Partial<PartSymbol> & Pick<PartSymbol, 'name' | 'id' | 'mapTo'>,
 ): PartSymbol {
     const parts = input['-st-parts'] || {};
     const states = input['-st-states'] || {};
@@ -322,7 +322,7 @@ export function setPart(
     symbol: HasParts,
     parentId: string,
     partName: string,
-    mapTo: PartSymbol['mapTo']
+    mapTo: PartSymbol['mapTo'],
 ) {
     const partSymbol = createPartSymbol({
         name: partName,
@@ -387,7 +387,7 @@ function isMatch(result: any): result is AnalyzedStDef {
 type AnalyzedStDef = ParsedStClass | ParsedStPart | ParsedStState;
 function analyzeStAtRule(
     atRule: postcss.AtRule,
-    context: FeatureContext
+    context: FeatureContext,
 ): AnalyzedStDef | undefined {
     // cache
     const { analyzedDefs } = plugableRecord.getUnsafe(context.meta.data, dataKey);
@@ -625,7 +625,7 @@ function findGlobalPseudo(def: Partial<ParsedStClass>, checkAfter = false) {
 function parseStateDefinition(
     context: FeatureContext,
     atRule: postcss.AtRule,
-    params: BaseAstNode[]
+    params: BaseAstNode[],
 ) {
     const result: Partial<ParsedStState> = {
         type: 'state',
@@ -658,7 +658,7 @@ function parseStateDefinition(
     const [amountToStateDef, stateDef] = STCustomState.parseStateValue(
         params.slice(index - 1),
         atRule,
-        context.diagnostics
+        context.diagnostics,
     );
     if (stateDef !== undefined) {
         index += amountToStateDef;
@@ -679,7 +679,7 @@ function parseStateDefinition(
 function parsePseudoElementDefinition(
     context: FeatureContext,
     atRule: postcss.AtRule,
-    params: BaseAstNode[]
+    params: BaseAstNode[],
 ) {
     const { analyzedDefs } = plugableRecord.getUnsafe(context.meta.data, dataKey);
     const result: Partial<ParsedStPart> = {
@@ -768,7 +768,7 @@ function parseClassDefinition(atRule: postcss.AtRule, params: BaseAstNode[]) {
                 const [amountToFatArrow] = findFatArrow(nodes, index, { stopOnFail: true });
                 return amountToFatArrow > 0;
             },
-        }
+        },
     );
     if (extendsNode) {
         result.ranges.extend.push(...params.slice(index, index + extendInspectAmount));
@@ -782,7 +782,7 @@ function parseClassDefinition(atRule: postcss.AtRule, params: BaseAstNode[]) {
                 // check leftover nodes
                 const [amountToUnexpectedNode] = findAnything(
                     extendsNode.args,
-                    amountToExtendedClass
+                    amountToExtendedClass,
                 );
                 if (!amountToUnexpectedNode) {
                     result.extendedClass = nameNode!.value;
@@ -817,7 +817,7 @@ function parseClassDefinition(atRule: postcss.AtRule, params: BaseAstNode[]) {
 function validateNestingInMapping(
     selector: ImmutableSelector,
     context: FeatureContext,
-    atRule: postcss.AtRule
+    atRule: postcss.AtRule,
 ) {
     // check for unsupported & anywhere except first
     let invalid = false;
diff --git a/packages/core/src/features/st-symbol.ts b/packages/core/src/features/st-symbol.ts
index 1e9ead205f..1e3b56a208 100644
--- a/packages/core/src/features/st-symbol.ts
+++ b/packages/core/src/features/st-symbol.ts
@@ -123,12 +123,12 @@ export const diagnostics = {
     REDECLARE_SYMBOL: createDiagnosticReporter(
         '06001',
         'warning',
-        (name: string) => `redeclare symbol "${name}"`
+        (name: string) => `redeclare symbol "${name}"`,
     ),
     REDECLARE_ROOT: createDiagnosticReporter(
         '06002',
         'error',
-        () => `root is used for the stylesheet and cannot be overridden`
+        () => `root is used for the stylesheet and cannot be overridden`,
     ),
 };
 
@@ -148,7 +148,7 @@ export function get<T extends keyof SymbolMap>(meta: StylableMeta, name: string,
 
 export function getAll<NS extends keyof NamespaceToSymbolType = `main`>(
     meta: StylableMeta,
-    ns?: NS
+    ns?: NS,
 ) {
     const { byNSFlat } = plugableRecord.getUnsafe(meta.data, dataKey);
     return byNSFlat[ns || `main`] as State['byNSFlat'][NS];
@@ -156,7 +156,7 @@ export function getAll<NS extends keyof NamespaceToSymbolType = `main`>(
 
 export function getAllByType<T extends SymbolTypes>(
     meta: StylableMeta,
-    type: T
+    type: T,
 ): State['byType'][T] {
     const { byType } = plugableRecord.getUnsafe(meta.data, dataKey);
     return byType[type];
@@ -177,7 +177,7 @@ export function addSymbol({
 }) {
     const { byNS, byNSFlat, byType, symbolToAst } = plugableRecord.getUnsafe(
         context.meta.data,
-        dataKey
+        dataKey,
     );
     const name = localName || symbol.name;
     const typeTable = byType[symbol._kind];
@@ -198,7 +198,7 @@ export function addSymbol({
 
 export function getSymbolAstNode(
     meta: StylableMeta,
-    symbol: StylableSymbol
+    symbol: StylableSymbol,
 ): postcss.Node | undefined {
     const { symbolToAst } = plugableRecord.getUnsafe(meta.data, dataKey);
     return symbolToAst.get(symbol);
diff --git a/packages/core/src/features/st-var.ts b/packages/core/src/features/st-var.ts
index 8860a474de..d072827fad 100644
--- a/packages/core/src/features/st-var.ts
+++ b/packages/core/src/features/st-var.ts
@@ -54,13 +54,13 @@ export const diagnostics = {
     NO_VARS_DEF_IN_ST_SCOPE: createDiagnosticReporter(
         '07002',
         'error',
-        () => `cannot define ":vars" inside of "@st-scope"`
+        () => `cannot define ":vars" inside of "@st-scope"`,
     ),
     DEPRECATED_ST_FUNCTION_NAME: createDiagnosticReporter(
         '07003',
         'info',
         (name: string, alternativeName: string) =>
-            `"${name}" is deprecated, use "${alternativeName}"`
+            `"${name}" is deprecated, use "${alternativeName}"`,
     ),
     CYCLIC_VALUE: createDiagnosticReporter(
         '07004',
@@ -68,39 +68,39 @@ export const diagnostics = {
         (cyclicChain: string[]) =>
             `Cyclic value definition detected: "${cyclicChain
                 .map((s, i) => (i === cyclicChain.length - 1 ? '↻ ' : i === 0 ? '→ ' : '↪ ') + s)
-                .join('\n')}"`
+                .join('\n')}"`,
     ),
     MISSING_VAR_IN_VALUE: createDiagnosticReporter(
         '07005',
         'error',
-        () => `invalid value() with no var identifier`
+        () => `invalid value() with no var identifier`,
     ),
     COULD_NOT_RESOLVE_VALUE: createDiagnosticReporter(
         '07006',
         'error',
         (args?: string) =>
-            `cannot resolve value function${args ? ` using the arguments provided: "${args}"` : ''}`
+            `cannot resolve value function${args ? ` using the arguments provided: "${args}"` : ''}`,
     ),
     MULTI_ARGS_IN_VALUE: createDiagnosticReporter(
         '07007',
         'error',
-        (args: string) => `value function accepts only a single argument: "value(${args})"`
+        (args: string) => `value function accepts only a single argument: "value(${args})"`,
     ),
     CANNOT_USE_AS_VALUE: createDiagnosticReporter(
         '07008',
         'error',
-        (type: string, varName: string) => `${type} "${varName}" cannot be used as a variable`
+        (type: string, varName: string) => `${type} "${varName}" cannot be used as a variable`,
     ),
     CANNOT_USE_JS_AS_VALUE: createDiagnosticReporter(
         '07009',
         'error',
         (type: string, varName: string) =>
-            `JavaScript ${type} import "${varName}" cannot be used as a variable`
+            `JavaScript ${type} import "${varName}" cannot be used as a variable`,
     ),
     UNKNOWN_VAR: createDiagnosticReporter(
         '07010',
         'error',
-        (name: string) => `unknown var "${name}"`
+        (name: string) => `unknown var "${name}"`,
     ),
 };
 
@@ -187,7 +187,7 @@ export class StylablePublicApi {
         const topLevelDiagnostics = new Diagnostics();
         const getResolvedSymbols = createSymbolResolverWithCache(
             this.stylable.resolver,
-            topLevelDiagnostics
+            topLevelDiagnostics,
         );
         const evaluator = new StylableEvaluator({ getResolvedSymbols });
 
@@ -208,7 +208,7 @@ export class StylablePublicApi {
                     meta: resolvedVar.meta,
                     value: stripQuotation(resolvedVar.symbol.text),
                     node: resolvedVar.symbol.node,
-                }
+                },
             );
 
             const computedStVar: ComputedStVar = {
@@ -257,8 +257,8 @@ export class StylablePublicApi {
                     ...this.flatSingle(
                         typeof innerInput === 'string' ? boxString(innerInput) : innerInput,
                         [...path, key],
-                        source
-                    )
+                        source,
+                    ),
                 );
             }
         }
@@ -328,18 +328,18 @@ function warnOnDeprecatedCustomValues(context: FeatureContext, decl: postcss.Dec
                     {
                         node: decl,
                         word: node.name,
-                    }
+                    },
                 );
             }
         },
-        false
+        false,
     );
 }
 
 function evaluateValueCall(
     context: FeatureTransformContext,
     parsedNode: ParsedValue,
-    data: EvalValueData
+    data: EvalValueData,
 ): void {
     const { stVarOverride, value, node } = data;
     const passedThrough = context.passedThrough || [];
@@ -384,7 +384,7 @@ function evaluateValueCall(
                     meta: resolvedVar.meta,
                     rootArgument: varName,
                     initialNode: node,
-                }
+                },
             );
             // report errors
             if (node) {
@@ -416,7 +416,7 @@ function evaluateValueCall(
                         {
                             node,
                             word: varName,
-                        }
+                        },
                     );
                 }
             } else if (type) {
@@ -453,7 +453,7 @@ function evaluateValueCall(
 
 export function resolveReferencedVarNames(
     context: Pick<FeatureTransformContext, 'meta' | 'resolver'>,
-    initialName: string
+    initialName: string,
 ) {
     const refNames = new Set<string>();
     const varsToCheck: { meta: StylableMeta; name: string }[] = [
@@ -473,7 +473,7 @@ export function resolveReferencedVarNames(
                         varsToCheck.push({
                             meta,
                             name: refName,
-                        })
+                        }),
                     );
                     break;
                 case 'import': {
@@ -493,7 +493,7 @@ function reportUnsupportedSymbolInValue(
     context: FeatureTransformContext,
     name: string,
     resolve: CSSResolve,
-    node: postcss.Node | undefined
+    node: postcss.Node | undefined,
 ) {
     const symbol = resolve.symbol;
     const errorKind = symbol._kind === 'class' && symbol[`-st-root`] ? 'stylesheet' : symbol._kind;
@@ -511,7 +511,7 @@ function handleCyclicValues(
     refUniqID: string,
     node: postcss.Node | undefined,
     value: string,
-    parsedNode: ParsedValue
+    parsedNode: ParsedValue,
 ) {
     if (node) {
         const cyclicChain = passedThrough.map((variable) => variable || '');
diff --git a/packages/core/src/functions.ts b/packages/core/src/functions.ts
index c21798cf3b..ab56b82e7a 100644
--- a/packages/core/src/functions.ts
+++ b/packages/core/src/functions.ts
@@ -50,7 +50,7 @@ export class StylableEvaluator {
     }
     evaluateValue(
         context: Omit<FeatureTransformContext, 'getResolvedSymbols'>,
-        data: Omit<EvalValueData, 'passedThrough' | 'valueHook'>
+        data: Omit<EvalValueData, 'passedThrough' | 'valueHook'>,
     ) {
         return processDeclarationValue(
             context.resolver,
@@ -64,7 +64,7 @@ export class StylableEvaluator {
             context.passedThrough,
             data.args,
             data.rootArgument,
-            data.initialNode
+            data.initialNode,
         );
     }
 }
@@ -76,12 +76,12 @@ export const functionDiagnostics = {
         '15001',
         'error',
         (resolvedValue: string, message: string) =>
-            `failed to execute formatter "${resolvedValue}" with error: "${message}"`
+            `failed to execute formatter "${resolvedValue}" with error: "${message}"`,
     ),
     UNKNOWN_FORMATTER: createDiagnosticReporter(
         '15002',
         'error',
-        (name: string) => `cannot find native function or custom formatter called ${name}`
+        (name: string) => `cannot find native function or custom formatter called ${name}`,
     ),
 };
 
@@ -92,7 +92,7 @@ export function resolveArgumentsValue(
     diagnostics: Diagnostics,
     node: postcss.Node,
     variableOverride?: Record<string, string>,
-    path?: string[]
+    path?: string[],
 ) {
     const resolvedArgs = {} as Record<string, string>;
     for (const k in options) {
@@ -105,7 +105,7 @@ export function resolveArgumentsValue(
             transformer.replaceValueHook,
             diagnostics,
             path,
-            undefined
+            undefined,
         );
     }
     return resolvedArgs;
@@ -123,7 +123,7 @@ export function processDeclarationValue(
     passedThrough: string[] = [],
     args: string[] = [],
     rootArgument?: string,
-    initialNode?: postcss.Node
+    initialNode?: postcss.Node,
 ): EvalValueResult {
     const evaluator = new StylableEvaluator({
         stVarOverride: variableOverride,
@@ -169,8 +169,8 @@ export function processDeclarationValue(
                     url.value = assureRelativeUrlPrefix(
                         relative(
                             sourceDir,
-                            resolver.resolvePath(sourceDir, url.value.slice(1))
-                        ).replace(/\\/gm, '/')
+                            resolver.resolvePath(sourceDir, url.value.slice(1)),
+                        ).replace(/\\/gm, '/'),
                     );
                 }
             } else if (value === 'format') {
@@ -182,14 +182,14 @@ export function processDeclarationValue(
                 try {
                     // ToDo: check if function instead of calling on a non function
                     parsedNode.resolvedValue = (formatter.symbol as (...args: any[]) => any)(
-                        ...formatterArgs
+                        ...formatterArgs,
                     );
                     if (evaluator.valueHook && typeof parsedNode.resolvedValue === 'string') {
                         parsedNode.resolvedValue = evaluator.valueHook(
                             parsedNode.resolvedValue,
                             { name: parsedNode.value, args: formatterArgs },
                             true,
-                            passedThrough
+                            passedThrough,
                         );
                     }
                 } catch (error) {
@@ -198,12 +198,12 @@ export function processDeclarationValue(
                         diagnostics.report(
                             functionDiagnostics.FAIL_TO_EXECUTE_FORMATTER(
                                 parsedNode.resolvedValue,
-                                (error as Error)?.message
+                                (error as Error)?.message,
                             ),
                             {
                                 node,
                                 word: (node as postcss.Declaration).value,
-                            }
+                            },
                         );
                     }
                 }
@@ -258,7 +258,7 @@ export function processDeclarationValue(
                             args,
                             topLevelType,
                             n,
-                            resolvedSymbols.customValues
+                            resolvedSymbols.customValues,
                         );
                     } catch (error) {
                         if (error instanceof CustomValueError) {
@@ -275,12 +275,12 @@ export function processDeclarationValue(
                     if (invalidNode) {
                         diagnostics.report(
                             STVar.diagnostics.COULD_NOT_RESOLVE_VALUE(
-                                [...(rootArgument ? [rootArgument] : []), ...args].join(', ')
+                                [...(rootArgument ? [rootArgument] : []), ...args].join(', '),
                             ),
                             {
                                 node: invalidNode,
                                 word: value,
-                            }
+                            },
                         );
                     } else {
                         // TODO: catch broken variable resolutions without a node
@@ -308,8 +308,8 @@ export function evalDeclarationValue(
     args: string[] = [],
     getResolvedSymbols: (meta: StylableMeta) => MetaResolvedSymbols = createSymbolResolverWithCache(
         resolver,
-        diagnostics || new Diagnostics()
-    )
+        diagnostics || new Diagnostics(),
+    ),
 ): string {
     return processDeclarationValue(
         resolver,
@@ -321,6 +321,6 @@ export function evalDeclarationValue(
         valueHook,
         diagnostics,
         passedThrough,
-        args
+        args,
     ).outputValue;
 }
diff --git a/packages/core/src/helpers/css-custom-property.ts b/packages/core/src/helpers/css-custom-property.ts
index da01098fab..5bbbfa3914 100644
--- a/packages/core/src/helpers/css-custom-property.ts
+++ b/packages/core/src/helpers/css-custom-property.ts
@@ -13,31 +13,31 @@ export const atPropertyValidationWarnings = {
     MISSING_REQUIRED_DESCRIPTOR: createDiagnosticReporter(
         '01001',
         'error',
-        (descriptorName: string) => `@property rules require a "${descriptorName}" descriptor`
+        (descriptorName: string) => `@property rules require a "${descriptorName}" descriptor`,
     ),
     MISSING_REQUIRED_INITIAL_VALUE_DESCRIPTOR: createDiagnosticReporter(
         '01002',
         'warning',
         () =>
-            '@property "initial-value" descriptor is optional only if the "syntax" is the universal syntax definition, otherwise the descriptor is required'
+            '@property "initial-value" descriptor is optional only if the "syntax" is the universal syntax definition, otherwise the descriptor is required',
     ),
     INVALID_DESCRIPTOR_TYPE: createDiagnosticReporter(
         '01003',
         'error',
         (descriptorType: string) =>
-            `@property does not support descriptor of type "${descriptorType}"`
+            `@property does not support descriptor of type "${descriptorType}"`,
     ),
     INVALID_DESCRIPTOR_NAME: createDiagnosticReporter(
         '01004',
         'error',
         (descriptorName: string) =>
-            `@property does not support descriptor named "${descriptorName}"`
+            `@property does not support descriptor named "${descriptorName}"`,
     ),
 };
 
 export function validateAtProperty(
     atRule: postcss.AtRule,
-    diagnostics: Diagnostics
+    diagnostics: Diagnostics,
 ): AtPropertyValidationResponse {
     const name = atRule.params;
     const atPropertyValues: Map<string, string> = new Map();
@@ -56,7 +56,7 @@ export function validateAtProperty(
                     {
                         node,
                         word: 'params' in node ? node.params : node.selector,
-                    }
+                    },
                 );
             }
 
@@ -106,7 +106,7 @@ export function validateAtProperty(
             {
                 node: atRule,
                 word: name,
-            }
+            },
         );
 
         return {
diff --git a/packages/core/src/helpers/css-value-seeker.ts b/packages/core/src/helpers/css-value-seeker.ts
index 508733275d..9b823b8b2c 100644
--- a/packages/core/src/helpers/css-value-seeker.ts
+++ b/packages/core/src/helpers/css-value-seeker.ts
@@ -11,13 +11,13 @@ export interface FindAstOptions {
 type FindAstResult<T extends BaseAstNode> = [
     takenNodeAmount: number,
     matchedNode: T | undefined,
-    inspectedAmount: number
+    inspectedAmount: number,
 ];
 
 export function findAnything(
     value: BaseAstNode[],
     startIndex: number,
-    options?: Partial<FindAstOptions>
+    options?: Partial<FindAstOptions>,
 ) {
     return findValueAstNode(value, startIndex, () => true, options);
 }
@@ -25,7 +25,7 @@ export function findAnything(
 export function findFatArrow(
     value: BaseAstNode[],
     startIndex: number,
-    options?: Partial<FindAstOptions>
+    options?: Partial<FindAstOptions>,
 ): FindAstResult<Literal & { value: '>' }> {
     const [amountToEql, _eqlNode, eqlNodeInspectAmount] = findLiteral(value, startIndex, {
         ...options,
@@ -41,14 +41,14 @@ export function findFatArrow(
 }
 export function isExactLiteral<T extends string>(
     token: BaseAstNode,
-    name: T
+    name: T,
 ): token is Literal & { value: '>' } {
     return token && token.type === 'literal' && token.value === name;
 }
 export function findNextClassNode(
     value: BaseAstNode[],
     startIndex: number,
-    options?: Partial<FindAstOptions>
+    options?: Partial<FindAstOptions>,
 ): FindAstResult<CustomIdent> {
     const name = options?.name || '';
     let index = startIndex;
@@ -74,7 +74,7 @@ export function findNextClassNode(
 export function findNextPseudoClassNode(
     value: BaseAstNode[],
     startIndex: number,
-    options?: Partial<FindAstOptions>
+    options?: Partial<FindAstOptions>,
 ): FindAstResult<CustomIdent | Call> {
     const name = options?.name || '';
     let index = startIndex;
@@ -112,7 +112,7 @@ export function findNextPseudoClassNode(
 export function findPseudoElementNode(
     value: BaseAstNode[],
     startIndex: number,
-    options?: Partial<FindAstOptions>
+    options?: Partial<FindAstOptions>,
 ): FindAstResult<CustomIdent | Call> {
     let index = startIndex;
     while (index < value.length) {
@@ -152,40 +152,40 @@ export function findPseudoElementNode(
 export function findLiteral(
     value: BaseAstNode[],
     startIndex: number,
-    options?: Partial<FindAstOptions>
+    options?: Partial<FindAstOptions>,
 ): FindAstResult<Literal> {
     const name = options?.name || '';
     return findValueAstNode<Literal>(
         value,
         startIndex,
         (node) => node.type === 'literal' && (!name || node.value === name),
-        options
+        options,
     );
 }
 export function findCustomIdent(
     value: BaseAstNode[],
     startIndex: number,
-    options?: Partial<FindAstOptions>
+    options?: Partial<FindAstOptions>,
 ): FindAstResult<CustomIdent> {
     const name = options?.name || '';
     return findValueAstNode<CustomIdent>(
         value,
         startIndex,
         (node) => node.type === '<custom-ident>' && (!name || node.value === name),
-        options
+        options,
     );
 }
 export function findNextCallNode(
     value: BaseAstNode[],
     startIndex: number,
-    options?: Partial<FindAstOptions>
+    options?: Partial<FindAstOptions>,
 ): FindAstResult<Call> {
     const name = options?.name || '';
     return findValueAstNode(
         value,
         startIndex,
         (node) => node.type === 'call' && (!name || node.value === name),
-        options
+        options,
     );
 }
 
@@ -198,7 +198,7 @@ export function findValueAstNode<T extends BaseAstNode>(
         ignoreWhitespace = true,
         ignoreComments = true,
         stopOnMatch,
-    }: Partial<FindAstOptions> = {}
+    }: Partial<FindAstOptions> = {},
 ): FindAstResult<T> {
     let index = startIndex;
     while (index < valueAst.length) {
diff --git a/packages/core/src/helpers/custom-selector.ts b/packages/core/src/helpers/custom-selector.ts
index 02f8aa1f86..c2f9c6f603 100644
--- a/packages/core/src/helpers/custom-selector.ts
+++ b/packages/core/src/helpers/custom-selector.ts
@@ -16,7 +16,7 @@ export type TransformCustomSelectorReport = UnknownReport | CircularReport;
 
 export function transformInlineCustomSelectorMap(
     customSelectors: CustomSelectorMap,
-    report: (data: TransformCustomSelectorReport) => void
+    report: (data: TransformCustomSelectorReport) => void,
 ) {
     const result: CustomSelectorMap = {};
     const link = (name: string, path: string[]) => {
@@ -38,7 +38,7 @@ export function transformInlineCustomSelectorMap(
                 }
                 return result[nestedName];
             },
-            ({ type, unknown }) => report({ type, origin: name, unknown })
+            ({ type, unknown }) => report({ type, origin: name, unknown }),
         );
     };
     for (const name of Object.keys(customSelectors)) {
@@ -61,7 +61,7 @@ function isCustomSelectorNode(node: SelectorNode): node is PseudoClass {
 export function transformInlineCustomSelectors(
     inputSelectors: SelectorList,
     getCustomSelector: (name: string) => SelectorList | undefined,
-    report: (data: UnknownReport) => void
+    report: (data: UnknownReport) => void,
 ): SelectorList {
     const result: SelectorList = [];
     for (const selector of inputSelectors) {
@@ -73,7 +73,7 @@ export function transformInlineCustomSelectors(
 function transformInlineCustomSelector(
     inputSelector: Selector,
     getCustomSelector: (name: string) => SelectorList | undefined,
-    report: (data: UnknownReport) => void
+    report: (data: UnknownReport) => void,
 ): SelectorList {
     const insertions: InsertionIter[] = [];
     // get insertion points
diff --git a/packages/core/src/helpers/custom-state.ts b/packages/core/src/helpers/custom-state.ts
index 20486ab6f5..fb9d0e5a3c 100644
--- a/packages/core/src/helpers/custom-state.ts
+++ b/packages/core/src/helpers/custom-state.ts
@@ -52,58 +52,58 @@ export const stateDiagnostics = {
     MISSING_TYPE_OR_TEMPLATE: createDiagnosticReporter(
         '08000',
         'error',
-        (name: string) => `pseudo-state "${name}" missing type or template`
+        (name: string) => `pseudo-state "${name}" missing type or template`,
     ),
     UNKNOWN_STATE_TYPE: createDiagnosticReporter(
         '08002',
         'error',
         (name: string, type: string) =>
-            `pseudo-state "${name}" defined with unknown type: "${type}"`
+            `pseudo-state "${name}" defined with unknown type: "${type}"`,
     ),
     TOO_MANY_STATE_TYPES: createDiagnosticReporter(
         '08003',
         'error',
         (name: string, types: string[]) =>
-            `pseudo-state "${name}(${types.join(', ')})" definition must be of a single type`
+            `pseudo-state "${name}(${types.join(', ')})" definition must be of a single type`,
     ),
     NO_STATE_TYPE_GIVEN: createDiagnosticReporter(
         '08005',
         'warning',
         (name: string) =>
-            `pseudo-state "${name}" expected a definition of a single type, but received none`
+            `pseudo-state "${name}" expected a definition of a single type, but received none`,
     ),
     TOO_MANY_ARGS_IN_VALIDATOR: createDiagnosticReporter(
         '08006',
         'error',
         (name: string, validator: string, args: string[]) =>
             `pseudo-state "${name}" expected "${validator}" validator to receive a single argument, but it received "${args.join(
-                ', '
-            )}"`
+                ', ',
+            )}"`,
     ),
     STATE_STARTS_WITH_HYPHEN: createDiagnosticReporter(
         '08007',
         'error',
         (name: string) =>
-            `state "${name}" declaration cannot begin with a "${stateMiddleDelimiter}" character`
+            `state "${name}" declaration cannot begin with a "${stateMiddleDelimiter}" character`,
     ),
     RESERVED_NATIVE_STATE: createDiagnosticReporter(
         '08008',
         'warning',
-        (name: string) => `state "${name}" is reserved for native pseudo-class`
+        (name: string) => `state "${name}" is reserved for native pseudo-class`,
     ),
     DEFAULT_PARAM_FAILS_VALIDATION: createDiagnosticReporter(
         '08010',
         'error',
         (stateName: string, defaultValue: string, errors: string[]) =>
             `pseudo-state "${stateName}" default value "${defaultValue}" failed validation:\n${errors.join(
-                '\n'
-            )}`
+                '\n',
+            )}`,
     ),
     NO_STATE_ARGUMENT_GIVEN: createDiagnosticReporter(
         '08004',
         'error',
         (name: string, type: string) =>
-            `pseudo-state "${name}" expected argument of type "${type}" but got none`
+            `pseudo-state "${name}" expected argument of type "${type}" but got none`,
     ),
     FAILED_STATE_VALIDATION: createDiagnosticReporter(
         '08009',
@@ -112,53 +112,53 @@ export const stateDiagnostics = {
             [
                 `pseudo-state "${name}" with parameter "${actualParam}" failed validation:`,
                 ...errors,
-            ].join('\n')
+            ].join('\n'),
     ),
     TEMPLATE_MISSING_PLACEHOLDER: createDiagnosticReporter(
         '08011',
         'warning',
         (state: string, template: string) =>
-            `pseudo-state "${state}" template "${template}" is missing a placeholder, use "$0" to set the parameter insertion place`
+            `pseudo-state "${state}" template "${template}" is missing a placeholder, use "$0" to set the parameter insertion place`,
     ),
     TEMPLATE_MULTI_PARAMETERS: createDiagnosticReporter(
         '08012',
         'error',
-        (state: string) => `pseudo-state "${state}" template only supports a single parameter`
+        (state: string) => `pseudo-state "${state}" template only supports a single parameter`,
     ),
     TEMPLATE_MISSING_PARAMETER: createDiagnosticReporter(
         '08013',
         'error',
-        (state: string) => `pseudo-state "${state}" template expected a parameter definition`
+        (state: string) => `pseudo-state "${state}" template expected a parameter definition`,
     ),
     UNSUPPORTED_MULTI_SELECTOR: createDiagnosticReporter(
         '08014',
         'error',
         (state: string, finalSelector: string) =>
-            `pseudo-state "${state}" resulted in an unsupported multi selector "${finalSelector}"`
+            `pseudo-state "${state}" resulted in an unsupported multi selector "${finalSelector}"`,
     ),
     UNSUPPORTED_COMPLEX_SELECTOR: createDiagnosticReporter(
         '08015',
         'error',
         (state: string, finalSelector: string) =>
-            `pseudo-state "${state}" resulted in an unsupported complex selector "${finalSelector}"`
+            `pseudo-state "${state}" resulted in an unsupported complex selector "${finalSelector}"`,
     ),
     INVALID_SELECTOR: createDiagnosticReporter(
         '08016',
         'error',
         (state: string, finalSelector: string) =>
-            `pseudo-state "${state}" resulted in an invalid selector "${finalSelector}"`
+            `pseudo-state "${state}" resulted in an invalid selector "${finalSelector}"`,
     ),
     UNSUPPORTED_INITIAL_SELECTOR: createDiagnosticReporter(
         '08017',
         'error',
         (state: string, finalSelector: string) =>
-            `pseudo-state "${state}" result cannot start with a type or universal selector "${finalSelector}"`
+            `pseudo-state "${state}" result cannot start with a type or universal selector "${finalSelector}"`,
     ),
     NO_PARAM_REQUIRED: createDiagnosticReporter(
         '08018',
         'error',
         (name: string, param: string) =>
-            `pseudo-state "${name}" accepts no parameter, but received "${param}"`
+            `pseudo-state "${name}" accepts no parameter, but received "${param}"`,
     ),
 };
 
@@ -167,7 +167,7 @@ export const stateDiagnostics = {
 export function parsePseudoStates(
     value: string,
     decl: postcss.Declaration,
-    diagnostics: Diagnostics
+    diagnostics: Diagnostics,
 ) {
     const mappedStates: MappedStates = {};
     const ast = postcssValueParser(value);
@@ -186,7 +186,7 @@ export function parsePseudoStates(
                 mappedStates,
                 stateDefault,
                 diagnostics,
-                decl
+                decl,
             );
         } else if (stateDefinition.type === 'word') {
             resolveBooleanState(mappedStates, stateDefinition);
@@ -215,7 +215,7 @@ function validateStateName(name: string, diagnostics: Diagnostics, node: postcss
 export function parseStateValue(
     value: BaseAstNode[],
     node: postcss.Node,
-    diagnostics: Diagnostics
+    diagnostics: Diagnostics,
 ): [amountTaken: number, stateDef: MappedStates[string] | undefined] {
     let stateName = '';
     let stateDef: MappedStates[string] = null; /*boolean*/
@@ -233,7 +233,7 @@ export function parseStateValue(
             amountTaken = value.length;
             // ToDo: translate resolveStateType to tokey and remove the double parsing
             const postcssStateValue = postcssValueParser(
-                stringifyCSSValue(value.slice(amountToName - 1))
+                stringifyCSSValue(value.slice(amountToName - 1)),
             );
             // get state definition
             const [stateDefinition, ...stateDefault] = postcssStateValue.nodes;
@@ -243,7 +243,7 @@ export function parseStateValue(
                 stateMap,
                 stateDefault,
                 diagnostics,
-                node as postcss.Declaration // ToDo: change to accept any postcss node
+                node as postcss.Declaration, // ToDo: change to accept any postcss node
             );
             if (stateMap[stateName]) {
                 stateDef = stateMap[stateName];
@@ -268,7 +268,7 @@ function resolveStateType(
     mappedStates: MappedStates,
     stateDefault: ParsedValue[],
     diagnostics: Diagnostics,
-    decl: postcss.Declaration
+    decl: postcss.Declaration,
 ) {
     const stateName = stateDefinition.value;
     if (stateDefinition.nodes.length === 0) {
@@ -298,7 +298,7 @@ function resolveStateType(
             argsFullValue,
             mappedStates,
             diagnostics,
-            decl
+            decl,
         );
     } else {
         if (argsFullValue.length > 1) {
@@ -306,13 +306,13 @@ function resolveStateType(
                 stateDiagnostics.TOO_MANY_STATE_TYPES(
                     stateName,
                     argsFirstNode.map((argNode) =>
-                        argNode ? postcssValueParser.stringify(argNode) : ''
-                    )
+                        argNode ? postcssValueParser.stringify(argNode) : '',
+                    ),
                 ),
                 {
                     node: decl,
                     word: decl.value,
-                }
+                },
             );
         }
         defineParamState(
@@ -322,7 +322,7 @@ function resolveStateType(
             mappedStates,
             diagnostics,
             stateDefinition,
-            decl
+            decl,
         );
     }
 }
@@ -333,7 +333,7 @@ function defineTemplateState(
     argsFullValue: postcssValueParser.Node[][],
     mappedStates: MappedStates,
     diagnostics: Diagnostics,
-    decl: postcss.Declaration
+    decl: postcss.Declaration,
 ) {
     const template = stripQuotation(postcssValueParser.stringify(templateDef));
     if (argsFullValue.length === 1) {
@@ -375,7 +375,7 @@ function defineTemplateState(
             paramTypeDef,
             paramFullDef.splice(paramFullDef.indexOf(paramTypeDef) + 1),
             diagnostics,
-            decl
+            decl,
         );
         if (!param) {
             // UNKNOWN_STATE_TYPE reported in createStateParamDef
@@ -403,7 +403,7 @@ function defineParamState(
     mappedStates: MappedStates,
     diagnostics: Diagnostics,
     stateDefinition: FunctionNode,
-    decl: postcss.Declaration
+    decl: postcss.Declaration,
 ) {
     if (paramType.value === 'boolean') {
         // explicit boolean // ToDo: remove support
@@ -414,7 +414,7 @@ function defineParamState(
             paramType,
             stateDefault,
             diagnostics,
-            decl
+            decl,
         );
         if (stateParamDef) {
             mappedStates[stateName] = stateParamDef;
@@ -426,7 +426,7 @@ function createStateParamDef(
     typeDef: postcssValueParser.Node,
     stateDefault: ParsedValue[],
     diagnostics: Diagnostics,
-    decl: postcss.Declaration
+    decl: postcss.Declaration,
 ): StateParsedValue | undefined {
     const type = typeDef.value;
     if (type in systemValidators && (typeDef.type === 'function' || typeDef.type === 'word')) {
@@ -484,7 +484,7 @@ function resolveArguments(
     stateType: StateParsedValue,
     name: string,
     diagnostics: Diagnostics,
-    decl: postcss.Declaration
+    decl: postcss.Declaration,
 ) {
     const separatedByComma = groupValues(paramType.nodes);
 
@@ -498,7 +498,7 @@ function resolveArguments(
                     {
                         node: decl,
                         word: decl.value,
-                    }
+                    },
                 );
             } else {
                 stateType.arguments.push({
@@ -560,7 +560,7 @@ export interface StateParamType {
         args: StateArguments,
         resolveParam: any,
         validateDefinition: boolean,
-        validateValue: boolean
+        validateValue: boolean,
     ): StateResult;
 }
 
@@ -571,7 +571,7 @@ export const systemValidators: Record<string, StateParamType> = {
             validators: StateArguments,
             resolveParam: (s: string) => string,
             validateDefinition,
-            validateValue
+            validateValue,
         ) {
             const res = value;
             const errors: string[] = [];
@@ -588,7 +588,7 @@ export const systemValidators: Record<string, StateParamType> = {
 
                             const validationRes = subValidator(
                                 value,
-                                resolveParam(validatorMeta.args[0])
+                                resolveParam(validatorMeta.args[0]),
                             );
 
                             if (validateValue && validationRes.errors) {
@@ -596,7 +596,7 @@ export const systemValidators: Record<string, StateParamType> = {
                             }
                         } else if (validateDefinition) {
                             errors.push(
-                                validationErrors.string.UKNOWN_VALIDATOR(validatorMeta.name)
+                                validationErrors.string.UKNOWN_VALIDATOR(validatorMeta.name),
                             );
                         }
                     }
@@ -655,7 +655,7 @@ export const systemValidators: Record<string, StateParamType> = {
             validators: StateArguments,
             resolveParam: (s: string) => string,
             validateDefinition,
-            validateValue
+            validateValue,
         ) {
             const res = value;
             const errors: string[] = [];
@@ -672,7 +672,7 @@ export const systemValidators: Record<string, StateParamType> = {
 
                             const validationRes = subValidator(
                                 value,
-                                resolveParam(validatorMeta.args[0])
+                                resolveParam(validatorMeta.args[0]),
                             );
 
                             if (validateValue && validationRes.errors) {
@@ -680,7 +680,7 @@ export const systemValidators: Record<string, StateParamType> = {
                             }
                         } else if (validateDefinition) {
                             errors.push(
-                                validationErrors.number.UKNOWN_VALIDATOR(validatorMeta.name)
+                                validationErrors.number.UKNOWN_VALIDATOR(validatorMeta.name),
                             );
                         }
                     }
@@ -720,7 +720,7 @@ export const systemValidators: Record<string, StateParamType> = {
                         : [
                               validationErrors.number.MULTIPLE_OF_VALIDATION_FAILED(
                                   value,
-                                  multipleOf
+                                  multipleOf,
                               ),
                           ],
                 };
@@ -733,7 +733,7 @@ export const systemValidators: Record<string, StateParamType> = {
             options: StateArguments,
             resolveParam: (s: string) => string,
             validateDefinition,
-            validateValue
+            validateValue,
         ) {
             const res = value;
             const errors: string[] = [];
@@ -750,7 +750,7 @@ export const systemValidators: Record<string, StateParamType> = {
                 });
                 if (validateValue && !isOneOf) {
                     errors.push(
-                        validationErrors.enum.ENUM_TYPE_VALIDATION_FAILED(value, stringOptions)
+                        validationErrors.enum.ENUM_TYPE_VALIDATION_FAILED(value, stringOptions),
                     );
                 }
             } else if (validateDefinition) {
@@ -767,7 +767,7 @@ export function validateRuleStateDefinition(
     selectorNode: postcss.Rule | postcss.AtRule,
     meta: StylableMeta,
     resolver: StylableResolver,
-    diagnostics: Diagnostics
+    diagnostics: Diagnostics,
 ) {
     const selectorAst = parseSelectorWithCache(selector);
     if (selectorAst.length && selectorAst.length === 1) {
@@ -792,7 +792,7 @@ export function validateRuleStateDefinition(
                             diagnostics,
                             selectorNode,
                             true,
-                            !!stateParam.defaultValue
+                            !!stateParam.defaultValue,
                         );
                         if (errors && selectorNode.nodes) {
                             for (const node of selectorNode.nodes) {
@@ -801,12 +801,12 @@ export function validateRuleStateDefinition(
                                         stateDiagnostics.DEFAULT_PARAM_FAILS_VALIDATION(
                                             stateName,
                                             stateParam.defaultValue || '',
-                                            errors
+                                            errors,
                                         ),
                                         {
                                             node: node,
                                             word: node.value,
-                                        }
+                                        },
                                     );
                                     break;
                                 }
@@ -829,7 +829,7 @@ export function validateStateArgument(
     diagnostics: Diagnostics,
     selectorNode?: postcss.Node,
     validateDefinition?: boolean,
-    validateValue = true
+    validateValue = true,
 ) {
     const resolvedValidations: StateResult = {
         res: resolveParam(
@@ -837,7 +837,7 @@ export function validateStateArgument(
             resolver,
             diagnostics,
             selectorNode,
-            value || stateAst.defaultValue
+            value || stateAst.defaultValue,
         ),
         errors: null,
     };
@@ -852,7 +852,7 @@ export function validateStateArgument(
                 stateAst.arguments,
                 resolveParam.bind(null, meta, resolver, diagnostics, selectorNode),
                 !!validateDefinition,
-                validateValue
+                validateValue,
             );
             resolvedValidations.errors = errors;
         }
@@ -873,7 +873,7 @@ export function transformPseudoClassToCustomState(
     namespace: string,
     resolver: StylableResolver,
     diagnostics: Diagnostics,
-    selectorNode?: postcss.Node
+    selectorNode?: postcss.Node,
 ) {
     if (stateDef === null || typeof stateDef === 'string') {
         if (stateNode.nodes && selectorNode) {
@@ -882,7 +882,7 @@ export function transformPseudoClassToCustomState(
                 {
                     node: selectorNode,
                     word: stringifySelector(stateNode),
-                }
+                },
             );
         }
         if (stateDef === null) {
@@ -903,7 +903,7 @@ export function transformPseudoClassToCustomState(
                 selectorNode,
                 stateNode,
                 stateDef,
-                name
+                name,
             );
         } else {
             resolveStateValue(
@@ -914,7 +914,7 @@ export function transformPseudoClassToCustomState(
                 stateNode,
                 stateDef,
                 name,
-                namespace
+                namespace,
             );
         }
     }
@@ -932,14 +932,14 @@ export function createStateWithParamClassName(stateName: string, namespace: stri
     const escapedNamespace = cssesc(namespace, { isIdentifier: true });
     return `${escapedNamespace}${stateWithParamDelimiter}${stateName}${resolveStateParam(
         param,
-        true
+        true,
     )}`;
 }
 
 export function resolveStateParam(param: string, escape = false) {
     const result = `${stateMiddleDelimiter}${param.length}${stateMiddleDelimiter}${param.replace(
         /\s/gm,
-        '_'
+        '_',
     )}`;
     // adding/removing initial `s` to indicate that it's not the first param of the identifier
     return escape ? cssesc(`s` + result, { isIdentifier: true }).slice(1) : result;
@@ -951,7 +951,7 @@ function convertTemplateState(
     selectorNode: postcss.Node | undefined,
     stateNode: PseudoClass,
     stateParamDef: TemplateStateParsedValue,
-    name: string
+    name: string,
 ) {
     const paramStateDef = stateParamDef.params[0];
     const resolvedParam = getParamInput(
@@ -961,7 +961,7 @@ function convertTemplateState(
         selectorNode,
         stateNode,
         paramStateDef,
-        name
+        name,
     );
 
     validateParam(meta, resolver, diagnostics, selectorNode, paramStateDef, resolvedParam, name);
@@ -983,7 +983,7 @@ function getParamInput(
     selectorNode: postcss.Node | undefined,
     stateNode: PseudoClass,
     stateParamDef: StateParsedValue,
-    name: string
+    name: string,
 ) {
     const inputValue =
         stateNode.nodes && stateNode.nodes.length ? stringifySelector(stateNode.nodes) : ``;
@@ -992,7 +992,7 @@ function getParamInput(
         resolver,
         diagnostics,
         selectorNode,
-        inputValue ? inputValue : stateParamDef.defaultValue
+        inputValue ? inputValue : stateParamDef.defaultValue,
     );
 
     if (selectorNode && !inputValue && !stateParamDef.defaultValue) {
@@ -1010,7 +1010,7 @@ function validateParam(
     selectorNode: postcss.Node | undefined,
     stateParamDef: StateParsedValue,
     resolvedParam: string,
-    name: string
+    name: string,
 ) {
     const validator = systemValidators[stateParamDef.type];
 
@@ -1021,7 +1021,7 @@ function validateParam(
             stateParamDef.arguments,
             resolveParam.bind(null, meta, resolver, diagnostics, selectorNode),
             false,
-            true
+            true,
         );
     } catch {
         // TODO: warn about validation throwing exception
@@ -1037,12 +1037,12 @@ function validateParam(
                 stateDiagnostics.FAILED_STATE_VALIDATION(
                     name,
                     resolvedParam,
-                    stateParamOutput.errors
+                    stateParamOutput.errors,
                 ),
                 {
                     node: selectorNode,
                     word: resolvedParam,
-                }
+                },
             );
         }
     }
@@ -1055,7 +1055,7 @@ function resolveStateValue(
     stateNode: PseudoClass,
     stateParamDef: StateParsedValue,
     name: string,
-    namespace: string
+    namespace: string,
 ) {
     const resolvedParam = getParamInput(
         meta,
@@ -1064,7 +1064,7 @@ function resolveStateValue(
         selectorNode,
         stateNode,
         stateParamDef,
-        name
+        name,
     );
 
     validateParam(meta, resolver, diagnostics, selectorNode, stateParamDef, resolvedParam, name);
@@ -1124,7 +1124,7 @@ function validateTemplateSelector({
                 stateDiagnostics.UNSUPPORTED_MULTI_SELECTOR(stateName, selectorStr),
                 {
                     node: cssNode,
-                }
+                },
             );
         }
         return false;
@@ -1136,7 +1136,7 @@ function validateTemplateSelector({
                     stateDiagnostics.UNSUPPORTED_INITIAL_SELECTOR(stateName, selectorStr),
                     {
                         node: cssNode,
-                    }
+                    },
                 );
             }
             return false;
@@ -1156,7 +1156,7 @@ function validateTemplateSelector({
                             stateDiagnostics.UNSUPPORTED_COMPLEX_SELECTOR(stateName, selectorStr),
                             {
                                 node: cssNode,
-                            }
+                            },
                         );
                         break;
                     case 'invalid':
@@ -1164,7 +1164,7 @@ function validateTemplateSelector({
                             stateDiagnostics.INVALID_SELECTOR(stateName, selectorStr),
                             {
                                 node: cssNode,
-                            }
+                            },
                         );
                         break;
                 }
@@ -1180,7 +1180,7 @@ function resolveParam(
     resolver: StylableResolver,
     diagnostics: Diagnostics,
     node?: postcss.Node,
-    nodeContent?: string
+    nodeContent?: string,
 ) {
     const defaultStringValue = '';
     const param = nodeContent || defaultStringValue;
diff --git a/packages/core/src/helpers/deprecation.ts b/packages/core/src/helpers/deprecation.ts
index 78e6588a27..800c5abd90 100644
--- a/packages/core/src/helpers/deprecation.ts
+++ b/packages/core/src/helpers/deprecation.ts
@@ -11,7 +11,7 @@ export function setFieldForDeprecation(
         pleaseUse?: string;
         enumerable?: boolean;
         valueOnThis?: boolean;
-    } = {}
+    } = {},
 ) {
     const objectPrefix = options.objectType ? options.objectType + `.` : ``;
     const alternative = options.pleaseUse ? `, please use ${options.pleaseUse}` : ``;
@@ -43,7 +43,7 @@ export function wrapFunctionForDeprecation<FUNC extends (this: any, ...args: any
     options: {
         name: string;
         pleaseUse?: string;
-    }
+    },
 ): FUNC {
     const alternative = options.pleaseUse ? `, please use ${options.pleaseUse}` : ``;
     const warning = `"${options.name || func.name}" is deprecated${alternative}`;
diff --git a/packages/core/src/helpers/import.ts b/packages/core/src/helpers/import.ts
index 130a51d927..01c14680f4 100644
--- a/packages/core/src/helpers/import.ts
+++ b/packages/core/src/helpers/import.ts
@@ -18,57 +18,57 @@ export const parseImportMessages = {
     ST_IMPORT_STAR: createDiagnosticReporter(
         '05001',
         'error',
-        () => '@st-import * is not supported'
+        () => '@st-import * is not supported',
     ),
     INVALID_ST_IMPORT_FORMAT: createDiagnosticReporter(
         '05002',
         'error',
-        (errors: string[]) => `Invalid @st-import format:\n - ${errors.join('\n - ')}`
+        (errors: string[]) => `Invalid @st-import format:\n - ${errors.join('\n - ')}`,
     ),
     ST_IMPORT_EMPTY_FROM: createDiagnosticReporter(
         '05003',
         'error',
-        () => '@st-import must specify a valid "from" string value'
+        () => '@st-import must specify a valid "from" string value',
     ),
     EMPTY_IMPORT_FROM: createDiagnosticReporter(
         '05004',
         'error',
-        () => '"-st-from" cannot be empty'
+        () => '"-st-from" cannot be empty',
     ),
     MULTIPLE_FROM_IN_IMPORT: createDiagnosticReporter(
         '05005',
         'warning',
-        () => `cannot define multiple "-st-from" declarations in a single import`
+        () => `cannot define multiple "-st-from" declarations in a single import`,
     ),
     DEFAULT_IMPORT_IS_LOWER_CASE: createDiagnosticReporter(
         '05006',
         'warning',
-        () => 'Default import of a Stylable stylesheet must start with an upper-case letter'
+        () => 'Default import of a Stylable stylesheet must start with an upper-case letter',
     ),
     ILLEGAL_PROP_IN_IMPORT: createDiagnosticReporter(
         '05007',
         'warning',
-        (propName: string) => `"${propName}" css attribute cannot be used inside :import block`
+        (propName: string) => `"${propName}" css attribute cannot be used inside :import block`,
     ),
     FROM_PROP_MISSING_IN_IMPORT: createDiagnosticReporter(
         '05008',
         'error',
-        () => `"-st-from" is missing in :import block`
+        () => `"-st-from" is missing in :import block`,
     ),
     INVALID_NAMED_IMPORT_AS: createDiagnosticReporter(
         '05009',
         'error',
-        (name: string) => `Invalid named import "as" with name "${name}"`
+        (name: string) => `Invalid named import "as" with name "${name}"`,
     ),
     INVALID_NESTED_KEYFRAMES: createDiagnosticReporter(
         '05010',
         'error',
-        (name: string) => `Invalid nested keyframes import "${name}"`
+        (name: string) => `Invalid nested keyframes import "${name}"`,
     ),
     INVALID_NESTED_TYPED_IMPORT: createDiagnosticReporter(
         '05019',
         'warning',
-        (type: string, name: string) => `Invalid nested ${type} import "${name}"`
+        (type: string, name: string) => `Invalid nested ${type} import "${name}"`,
     ),
 };
 
@@ -77,17 +77,17 @@ export const ensureImportsMessages = {
         '16001',
         'error',
         (kind: 'default' | 'named' | 'keyframes', origin: string, override: string) =>
-            `Attempt to override existing ${kind} import symbol. ${origin} -> ${override}`
+            `Attempt to override existing ${kind} import symbol. ${origin} -> ${override}`,
     ),
     PATCH_CONTAINS_NEW_IMPORT_IN_NEW_IMPORT_NONE_MODE: createDiagnosticReporter(
         '16002',
         'error',
-        () => `Attempt to insert new a import in newImport "none" mode`
+        () => `Attempt to insert new a import in newImport "none" mode`,
     ),
 };
 
 export function createAtImportProps(
-    importObj: Partial<Pick<Imported, 'named' | 'keyframes' | 'defaultExport' | 'request'>>
+    importObj: Partial<Pick<Imported, 'named' | 'keyframes' | 'defaultExport' | 'request'>>,
 ): {
     name: string;
     params: string;
@@ -128,7 +128,7 @@ export function ensureModuleImport(
     options: {
         newImport: 'none' | 'st-import' | ':import';
     },
-    diagnostics: Diagnostics = new Diagnostics()
+    diagnostics: Diagnostics = new Diagnostics(),
 ) {
     const patches = createImportPatches(ast, importPatches, options, diagnostics);
     if (!diagnostics.reports.length) {
@@ -142,7 +142,7 @@ function createImportPatches(
     ast: Root,
     importPatches: Array<ImportPatch>,
     { newImport }: { newImport: 'none' | 'st-import' | ':import' },
-    diagnostics: Diagnostics
+    diagnostics: Diagnostics,
 ) {
     const patches: Array<() => void> = [];
     const handled = new Set<ImportPatch>();
@@ -172,7 +172,7 @@ function createImportPatches(
         if (handled.size !== importPatches.length) {
             diagnostics.report(
                 ensureImportsMessages.PATCH_CONTAINS_NEW_IMPORT_IN_NEW_IMPORT_NONE_MODE(),
-                { node: ast }
+                { node: ast },
             );
         }
         return patches;
@@ -196,8 +196,8 @@ function createImportPatches(
                             keyframes: item.keyframes || {},
                             named: item.named || {},
                             request: item.request,
-                        })
-                    )
+                        }),
+                    ),
                 );
             });
         } else {
@@ -225,7 +225,7 @@ function setImportObjectFrom(importPath: string, dirPath: string, importObj: Imp
 export function parseModuleImportStatement(
     node: AtRule | Rule,
     context: string,
-    diagnostics: Diagnostics
+    diagnostics: Diagnostics,
 ) {
     if (node.type === 'atrule') {
         return parseStImport(node, context, diagnostics);
@@ -342,7 +342,7 @@ export function parsePseudoImport(rule: Rule, context: string, diagnostics: Diag
                     const { typedMap, namedMap } = parsePseudoImportNamed(
                         decl.value,
                         decl,
-                        diagnostics
+                        diagnostics,
                     );
                     importObj.named = namedMap;
                     importObj.keyframes = typedMap.keyframes || {};
@@ -369,7 +369,7 @@ export function parsePseudoImport(rule: Rule, context: string, diagnostics: Diag
 export function parsePseudoImportNamed(
     value: string,
     node: postcss.Declaration | postcss.AtRule,
-    diagnostics: Diagnostics
+    diagnostics: Diagnostics,
 ) {
     const namedMap: Record<string, string> = {};
     const typedMap: Record<string, Record<string, string>> = {};
@@ -380,7 +380,7 @@ export function parsePseudoImportNamed(
 }
 
 function createPseudoImportProps(
-    item: Partial<Pick<Imported, 'named' | 'keyframes' | 'defaultExport' | 'request'>>
+    item: Partial<Pick<Imported, 'named' | 'keyframes' | 'defaultExport' | 'request'>>,
 ) {
     const nodes = [];
     const named = generateNamedValue(item);
@@ -392,7 +392,7 @@ function createPseudoImportProps(
             decl({
                 prop: '-st-default',
                 value: item.defaultExport,
-            })
+            }),
         );
     }
     if (named.length) {
@@ -400,7 +400,7 @@ function createPseudoImportProps(
             decl({
                 prop: '-st-named',
                 value: named.join(', '),
-            })
+            }),
         );
     }
 
@@ -479,7 +479,7 @@ function processImports(
     imported: Imported,
     importPatches: Array<ImportPatch>,
     handled: Set<ImportPatch>,
-    diagnostics: Diagnostics
+    diagnostics: Diagnostics,
 ) {
     const ops = ['named', 'keyframes'] as const;
     for (const patch of importPatches) {
@@ -503,11 +503,11 @@ function processImports(
                                 currentSymbol === asName
                                     ? currentSymbol
                                     : `${currentSymbol} as ${asName}`,
-                                symbol === asName ? symbol : `${symbol} as ${asName}`
+                                symbol === asName ? symbol : `${symbol} as ${asName}`,
                             ),
                             {
                                 node: imported.rule,
-                            }
+                            },
                         );
                     } else {
                         imported[op][asName] = symbol;
@@ -523,11 +523,11 @@ function processImports(
                         ensureImportsMessages.ATTEMPT_OVERRIDE_SYMBOL(
                             'default',
                             imported.defaultExport,
-                            patch.defaultExport
+                            patch.defaultExport,
                         ),
                         {
                             node: imported.rule,
-                        }
+                        },
                     );
                 }
             }
@@ -541,7 +541,7 @@ function handleNamedTokens(
     mainBucket: Record<string, string>,
     typedBuckets: Record<string, Record<string, string>> | null,
     node: postcss.Declaration | postcss.AtRule,
-    diagnostics: Diagnostics
+    diagnostics: Diagnostics,
 ) {
     const { nodes } = tokens;
     for (let i = 0; i < nodes.length; i++) {
@@ -570,9 +570,9 @@ function handleNamedTokens(
                 diagnostics.report(
                     parseImportMessages.INVALID_NESTED_TYPED_IMPORT(
                         token.value,
-                        postcssValueParser.stringify(token)
+                        postcssValueParser.stringify(token),
                     ),
-                    { node }
+                    { node },
                 );
             } else {
                 typedBuckets[token.value] ??= {};
@@ -599,7 +599,7 @@ export function tryCollectImportsDeep(
     imports = new Set<string>(),
     onImport: undefined | ((e: ImportEvent) => void) = undefined,
     depth = 1,
-    origin = meta.source
+    origin = meta.source,
 ) {
     for (const { context, request } of meta.getImportStatements()) {
         try {
@@ -618,7 +618,7 @@ export function tryCollectImportsDeep(
                         imports,
                         onImport,
                         depth + 1,
-                        origin
+                        origin,
                     );
                 }
             }
diff --git a/packages/core/src/helpers/mixin.ts b/packages/core/src/helpers/mixin.ts
index f879008d88..6be8b707ca 100644
--- a/packages/core/src/helpers/mixin.ts
+++ b/packages/core/src/helpers/mixin.ts
@@ -9,7 +9,7 @@ export const mixinHelperDiagnostics = {
     VALUE_CANNOT_BE_STRING: createDiagnosticReporter(
         '10008',
         'error',
-        () => 'value can not be a string (remove quotes?)'
+        () => 'value can not be a string (remove quotes?)',
     ),
 };
 
@@ -17,7 +17,7 @@ export function parseStMixin(
     mixinNode: postcss.Declaration,
     strategy: (type: string) => 'named' | 'args',
     diagnostics?: Diagnostics,
-    emitStrategyDiagnostics = true
+    emitStrategyDiagnostics = true,
 ) {
     const ast = postcssValueParser(mixinNode.value);
     const mixins: Array<MixinValue> = [];
@@ -57,7 +57,7 @@ export function parseStPartialMixin(
     mixinNode: postcss.Declaration,
     strategy: (type: string) => 'named' | 'args',
     report?: Diagnostics,
-    emitStrategyDiagnostics?: boolean
+    emitStrategyDiagnostics?: boolean,
 ) {
     return parseStMixin(mixinNode, strategy, report, emitStrategyDiagnostics).map((mixin) => {
         mixin.partial = true;
diff --git a/packages/core/src/helpers/namespace.ts b/packages/core/src/helpers/namespace.ts
index 99c42b809f..ee3bdfcad6 100644
--- a/packages/core/src/helpers/namespace.ts
+++ b/packages/core/src/helpers/namespace.ts
@@ -42,7 +42,7 @@ export interface CreateNamespaceOptions {
         strict: boolean,
         namespace: string,
         filePath: string,
-        usedByMap: Map<string, string>
+        usedByMap: Map<string, string>,
     ) => string;
     hashSeparator?: string;
     strict?: boolean;
@@ -75,15 +75,15 @@ export function defaultNoMatchHandler(
     strict: boolean,
     ns: string,
     stylesheetPath: string,
-    usedByMap: Map<string, string>
+    usedByMap: Map<string, string>,
 ): string {
     const usedBy = usedByMap.get(ns);
     throw new Error(
         `Could not create namespace for:\n${stylesheetPath}\nthe last valid namespace tried was ${JSON.stringify(
-            ns
+            ns,
         )}${usedBy ? ` that was used by:\n${usedBy}\n` : strict ? ' ' : ''}${
             strict ? 'running on strict mode' : ''
-        }`
+        }`,
     );
 }
 
@@ -106,7 +106,7 @@ export function createNamespaceStrategy(options: CreateNamespaceOptions) {
     return (
         namespace: string,
         stylesheetOriginPath: string,
-        stylesheetPath: string = stylesheetOriginPath
+        stylesheetPath: string = stylesheetOriginPath,
     ) => {
         const packageInfo = getPackageInfo(stylesheetPath);
         const buildNamespaceParams = {
@@ -132,8 +132,8 @@ export function createNamespaceStrategy(options: CreateNamespaceOptions) {
             typeof hashFragment === 'number'
                 ? hashFragment
                 : hashFragment === 'full'
-                ? hashStr.length
-                : 0;
+                  ? hashStr.length
+                  : 0;
 
         let finalNamespace = '';
         while (i <= hashStr.length) {
diff --git a/packages/core/src/helpers/resolve.ts b/packages/core/src/helpers/resolve.ts
index 1fcb17594a..1af5dccefd 100644
--- a/packages/core/src/helpers/resolve.ts
+++ b/packages/core/src/helpers/resolve.ts
@@ -2,7 +2,7 @@ import type { ClassSymbol, ElementSymbol, STStructure } from '../features';
 import type { CSSResolve } from '../stylable-resolver';
 
 export function getOriginDefinition<T extends ClassSymbol | ElementSymbol | STStructure.PartSymbol>(
-    resolved: CSSResolve<T>[]
+    resolved: CSSResolve<T>[],
 ) {
     for (const r of resolved) {
         const { symbol } = r;
diff --git a/packages/core/src/helpers/rule.ts b/packages/core/src/helpers/rule.ts
index 60d6a109e6..cb24cd5de2 100644
--- a/packages/core/src/helpers/rule.ts
+++ b/packages/core/src/helpers/rule.ts
@@ -47,7 +47,7 @@ export function createSubsetAst<T extends postcss.Root | postcss.AtRule | postcs
     mixinTarget?: T,
     isRoot = false,
     getCustomSelector?: (name: string) => SelectorList | undefined,
-    isNestedInMixin = false
+    isNestedInMixin = false,
 ): T {
     // keyframes on class mixin?
     const prefixSelectorList = parseSelectorWithCache(selectorPrefix);
@@ -84,7 +84,7 @@ export function createSubsetAst<T extends postcss.Root | postcss.AtRule | postcs
                         }
                         replaceTargetWithMixinAnchor(selectorNode, prefixType);
                         return selectorNode;
-                    })
+                    }),
                 );
 
                 const clonedRule = createSubsetAst(
@@ -93,7 +93,7 @@ export function createSubsetAst<T extends postcss.Root | postcss.AtRule | postcs
                     node.clone({ selector, nodes: [] }),
                     isRoot,
                     getCustomSelector,
-                    true /*isNestedInMixin*/
+                    true /*isNestedInMixin*/,
                 );
                 mixinRoot.append(clonedRule);
             }
@@ -121,7 +121,7 @@ export function createSubsetAst<T extends postcss.Root | postcss.AtRule | postcs
                                 }
                                 replaceTargetWithMixinAnchor(selectorNode, prefixType);
                                 return selectorNode;
-                            })
+                            }),
                         );
                     }
                 }
@@ -134,7 +134,7 @@ export function createSubsetAst<T extends postcss.Root | postcss.AtRule | postcs
                     }),
                     isRoot,
                     getCustomSelector,
-                    atruleHasMixin
+                    atruleHasMixin,
                 );
                 if (atRuleSubset.nodes) {
                     mixinRoot.append(atRuleSubset);
@@ -191,7 +191,7 @@ function fixChunkOrdering(selectorNode: Selector, prefixType: ImmutableSelectorN
 
 function containsMatchInFirstChunk(
     prefixType: ImmutableSelectorNode,
-    selectorNode: ImmutableSelectorNode
+    selectorNode: ImmutableSelectorNode,
 ) {
     let isMatch = false;
     walkSelector(selectorNode, (node) => {
@@ -220,7 +220,7 @@ function containsMatchInFirstChunk(
 export function findRule(
     root: postcss.Root,
     selector: string,
-    test: any = (statement: any) => statement.prop === `-st-extends`
+    test: any = (statement: any) => statement.prop === `-st-extends`,
 ): null | postcss.Declaration {
     let found: any = null;
     root.walkRules(selector, (rule) => {
diff --git a/packages/core/src/helpers/selector.ts b/packages/core/src/helpers/selector.ts
index 1ed6691272..aa97cc1a37 100644
--- a/packages/core/src/helpers/selector.ts
+++ b/packages/core/src/helpers/selector.ts
@@ -28,11 +28,11 @@ const selectorAstCache = new Map<string, ImmutableSelectorList>();
 export function parseSelectorWithCache(selector: string, options: { clone: true }): SelectorList;
 export function parseSelectorWithCache(
     selector: string,
-    options?: { clone?: false }
+    options?: { clone?: false },
 ): ImmutableSelectorList;
 export function parseSelectorWithCache(
     selector: string,
-    options: { clone?: boolean } = {}
+    options: { clone?: boolean } = {},
 ): ImmutableSelectorList {
     if (!selectorAstCache.has(selector)) {
         if (selectorAstCache.size > 10000) {
@@ -71,7 +71,7 @@ export function isSimpleSelector(selector: string): {
                 foundType = node.type;
                 return;
             },
-            { ignoreList: [`selector`, `comment`] }
+            { ignoreList: [`selector`, `comment`] },
         );
         if (foundType === `class` || foundType === `type`) {
             return { type: foundType, isSimple: true };
@@ -120,7 +120,7 @@ export function convertToSelector(node: SelectorNode): Selector {
 export function convertToPseudoClass(
     node: SelectorNode,
     name: string,
-    nestedSelectors?: SelectorList
+    nestedSelectors?: SelectorList,
 ): PseudoClass {
     const castedNode = node as PseudoClass;
     castedNode.type = 'pseudo_class';
@@ -159,7 +159,7 @@ export function isInPseudoClassContext(parents: ReadonlyArray<ImmutableSelectorN
 
 export function matchTypeAndValue(
     a: Partial<ImmutableSelectorNode>,
-    b: Partial<ImmutableSelectorNode>
+    b: Partial<ImmutableSelectorNode>,
 ) {
     return a.type === b.type && (a as any).value === (b as any).value;
 }
@@ -178,7 +178,7 @@ export function scopeNestedSelector(
     scopeSelectorAst: ImmutableSelectorList,
     nestedSelectorAst: ImmutableSelectorList,
     rootScopeLevel = false,
-    isAnchor: (node: SelectorNode) => boolean = isNestedNode
+    isAnchor: (node: SelectorNode) => boolean = isNestedNode,
 ): { selector: string; ast: SelectorList } {
     const resultSelectors: SelectorList = [];
     nestedSelectorAst.forEach((targetAst) => {
@@ -195,7 +195,7 @@ export function scopeNestedSelector(
                     first = node;
                     return walkSelector.stopAll;
                 },
-                { ignoreList: [`selector`] }
+                { ignoreList: [`selector`] },
             );
             // merge scope flags
             const nestStartWithNesting = first.type === `nesting`;
diff --git a/packages/core/src/helpers/string.ts b/packages/core/src/helpers/string.ts
index e759e611c2..68cd740fea 100644
--- a/packages/core/src/helpers/string.ts
+++ b/packages/core/src/helpers/string.ts
@@ -9,7 +9,7 @@ export function filename2varname(filename: string) {
             // remove extension (eg. .css)
             .replace(/(?=.*)\.\w+$/, '')
             // remove potential .st extension prefix
-            .replace(/\.st$/, '')
+            .replace(/\.st$/, ''),
     );
 }
 
diff --git a/packages/core/src/helpers/value.ts b/packages/core/src/helpers/value.ts
index 11db0fe6a3..b1e85950ae 100644
--- a/packages/core/src/helpers/value.ts
+++ b/packages/core/src/helpers/value.ts
@@ -9,15 +9,15 @@ export const valueDiagnostics = {
     INVALID_NAMED_PARAMS: createDiagnosticReporter(
         '13001',
         'error',
-        () => `invalid named parameters (e.g. "func(name value, [name value, ...])")`
+        () => `invalid named parameters (e.g. "func(name value, [name value, ...])")`,
     ),
     MISSING_REQUIRED_FORMATTER_ARG: createDiagnosticReporter(
         '13002',
         'error',
         (node: ParsedValue, argIndex: number) =>
             `${postcssValueParser.stringify(
-                node as postcssValueParser.Node
-            )}: argument at index ${argIndex} is empty`
+                node as postcssValueParser.Node,
+            )}: argument at index ${argIndex} is empty`,
     ),
 };
 
@@ -51,7 +51,7 @@ export function getFormatterArgs(
     node: ParsedValue,
     allowComments = false,
     reportWarning?: ReportWarning,
-    preserveQuotes = false
+    preserveQuotes = false,
 ) {
     const argsResult = [];
     let currentArg = '';
@@ -117,7 +117,7 @@ export function listOptions(node: any) {
                 } else {
                     return undefined;
                 }
-            })
+            }),
         )
         .filter((x: string) => typeof x === 'string');
 }
@@ -147,7 +147,7 @@ export function validateAllowedNodesUntil(
     node: ParsedValue,
     i: number,
     untilType = 'div',
-    allowed = ['comment']
+    allowed = ['comment'],
 ) {
     i = 1;
     let current = node.nodes[i];
diff --git a/packages/core/src/module-resolver.ts b/packages/core/src/module-resolver.ts
index ce00f93e18..65d78e1341 100644
--- a/packages/core/src/module-resolver.ts
+++ b/packages/core/src/module-resolver.ts
@@ -18,14 +18,15 @@ export function createDefaultResolver(options: IRequestResolverOptions): ModuleR
 
         if (resolvedFile === false) {
             throw new Error(
-                `Stylable does not support browser field 'false' values. ${request} resolved to 'false' from ${directoryPath}`
+                `Stylable does not support browser field 'false' values. ${request} resolved to 'false' from ${directoryPath}`,
             );
         }
         if (typeof resolvedFile !== 'string') {
             throw new Error(
                 `Stylable could not resolve ${JSON.stringify(request)} from ${JSON.stringify(
-                    directoryPath
-                )}` + (visitedPaths.size ? `\nVisited paths:\n${[...visitedPaths].join('\n')}` : '')
+                    directoryPath,
+                )}` +
+                    (visitedPaths.size ? `\nVisited paths:\n${[...visitedPaths].join('\n')}` : ''),
             );
         }
         return resolvedFile;
diff --git a/packages/core/src/native-reserved-lists.ts b/packages/core/src/native-reserved-lists.ts
index 909c764a8d..032d5323bc 100644
--- a/packages/core/src/native-reserved-lists.ts
+++ b/packages/core/src/native-reserved-lists.ts
@@ -93,7 +93,7 @@ export const knownPseudoClassesWithNestedSelectors = reservedFunctionalPseudoCla
                 return false;
         }
         return true;
-    }
+    },
 );
 
 export const nativePseudoElements = [
diff --git a/packages/core/src/process-declaration-functions.ts b/packages/core/src/process-declaration-functions.ts
index 4d314970fc..e992126965 100644
--- a/packages/core/src/process-declaration-functions.ts
+++ b/packages/core/src/process-declaration-functions.ts
@@ -6,7 +6,7 @@ export type OnFunction = (node: AnyValueNode, level: number) => void;
 export function processDeclarationFunctions(
     decl: Declaration,
     onFunction: OnFunction,
-    transform = false
+    transform = false,
 ) {
     const ast = parseValues(decl.value);
 
diff --git a/packages/core/src/report-diagnostic.ts b/packages/core/src/report-diagnostic.ts
index 2a2444e33f..121607e1cf 100644
--- a/packages/core/src/report-diagnostic.ts
+++ b/packages/core/src/report-diagnostic.ts
@@ -14,7 +14,7 @@ export function reportDiagnostic(
     ctx: EmitDiagnosticsContext,
     diagnosticsMode: DiagnosticsMode,
     { code, message, severity }: Diagnostic,
-    from?: string
+    from?: string,
 ) {
     const messageToPrint = `[${severity}: ${code}]: ${message}`;
     const error = new Error(from ? `[${from}]:\n\n${messageToPrint}` : messageToPrint);
@@ -41,7 +41,7 @@ export function emitDiagnostics(
     ctx: EmitDiagnosticsContext,
     meta: StylableMeta,
     diagnosticsMode: DiagnosticsMode,
-    filePath?: string
+    filePath?: string,
 ) {
     meta.diagnostics?.reports.forEach(handleReport);
     meta.transformDiagnostics?.reports.forEach(handleReport);
diff --git a/packages/core/src/resolve-namespace-factories.ts b/packages/core/src/resolve-namespace-factories.ts
index 50dbe08b8d..33544a8339 100644
--- a/packages/core/src/resolve-namespace-factories.ts
+++ b/packages/core/src/resolve-namespace-factories.ts
@@ -11,12 +11,12 @@ export function packageNamespaceFactory(
     }: { dirname(path: string): string; relative(from: string, to: string): string },
     hashSalt = '',
     prefix = '',
-    normalizeVersion = (semver: string) => semver
+    normalizeVersion = (semver: string) => semver,
 ): typeof processNamespace {
     return (
         namespace: string,
         originStylesheetPath: string,
-        stylesheetPath: string = originStylesheetPath
+        stylesheetPath: string = originStylesheetPath,
     ) => {
         const configPath = findConfig('package.json', { cwd: dirname(stylesheetPath) });
         if (!configPath) {
@@ -28,7 +28,7 @@ export function packageNamespaceFactory(
             prefix +
             namespace +
             murmurhash3_32_gc(
-                hashSalt + config.name + '@' + normalizeVersion(config.version) + '/' + fromRoot
+                hashSalt + config.name + '@' + normalizeVersion(config.version) + '/' + fromRoot,
             )
         );
     };
diff --git a/packages/core/src/stylable-assets.ts b/packages/core/src/stylable-assets.ts
index ba6148b9fb..f688235ab4 100644
--- a/packages/core/src/stylable-assets.ts
+++ b/packages/core/src/stylable-assets.ts
@@ -39,7 +39,7 @@ export function makeAbsolute(
     },
     resourcePath: string,
     rootContext: string,
-    moduleContext: string
+    moduleContext: string,
 ) {
     const isAbs = host.isAbsolute(resourcePath);
     let abs: string;
@@ -67,13 +67,13 @@ export function fixRelativeUrls(ast: postcss.Root, originPath: string, targetPat
                     const url = path
                         .join(
                             path.relative(path.dirname(targetPath), path.dirname(originPath)),
-                            node.url
+                            node.url,
                         )
                         .replace(/\\/gm, '/');
                     node.url = assureRelativeUrlPrefix(url);
                 }
             },
-            true
+            true,
         );
     });
 }
diff --git a/packages/core/src/stylable-js-module-source.ts b/packages/core/src/stylable-js-module-source.ts
index 9b42e9d7ed..ab3ea93344 100644
--- a/packages/core/src/stylable-js-module-source.ts
+++ b/packages/core/src/stylable-js-module-source.ts
@@ -64,7 +64,7 @@ interface ModuleOptions {
 
 export function generateStylableJSModuleSource(
     moduleOptions: ModuleOptions,
-    injectOptions?: InjectCSSOptions
+    injectOptions?: InjectCSSOptions,
 ) {
     const {
         namespace,
@@ -121,7 +121,7 @@ function moduleRequest(moduleType: 'esm' | 'cjs') {
 function runtimeImport(
     moduleType: 'esm' | 'cjs',
     runtimeRequest: string | undefined,
-    injectOptions: InjectCSSOptions | undefined
+    injectOptions: InjectCSSOptions | undefined,
 ) {
     const importInjectCSS = injectOptions?.css ? `, injectCSS` : '';
     const request = JSON.stringify(runtimeRequest ?? '@stylable/runtime');
@@ -132,7 +132,7 @@ function runtimeImport(
 
 function runtimeExecuteInject(
     moduleType: 'esm' | 'cjs',
-    injectOptions: InjectCSSOptions | undefined
+    injectOptions: InjectCSSOptions | undefined,
 ) {
     if (!injectOptions?.css) {
         return '';
diff --git a/packages/core/src/stylable-meta.ts b/packages/core/src/stylable-meta.ts
index b96c39d2da..5ad8d94f24 100644
--- a/packages/core/src/stylable-meta.ts
+++ b/packages/core/src/stylable-meta.ts
@@ -65,7 +65,7 @@ export class StylableMeta {
     constructor(
         public sourceAst: postcss.Root,
         public diagnostics: Diagnostics,
-        public flags: FeatureFlags
+        public flags: FeatureFlags,
     ) {
         // initiate features
         const context: FeatureContext = { meta: this, diagnostics };
diff --git a/packages/core/src/stylable-processor.ts b/packages/core/src/stylable-processor.ts
index b7c4357340..702f3364b0 100644
--- a/packages/core/src/stylable-processor.ts
+++ b/packages/core/src/stylable-processor.ts
@@ -33,7 +33,7 @@ export class StylableProcessor implements FeatureContext {
     constructor(
         public diagnostics = new Diagnostics(),
         private resolveNamespace = STNamespace.defaultProcessNamespace,
-        public flags: FeatureFlags = { ...defaultFeatureFlags }
+        public flags: FeatureFlags = { ...defaultFeatureFlags },
     ) {}
     public process(root: postcss.Root): StylableMeta {
         this.meta = new StylableMeta(root, this.diagnostics, this.flags);
@@ -77,7 +77,7 @@ export class StylableProcessor implements FeatureContext {
             {
                 isScoped,
                 originalNode,
-            }: { isScoped: boolean; originalNode: postcss.AtRule | postcss.Rule }
+            }: { isScoped: boolean; originalNode: postcss.AtRule | postcss.Rule },
         ) => {
             return this.handleRule(rule, {
                 isScoped,
@@ -178,7 +178,7 @@ export class StylableProcessor implements FeatureContext {
                     this.meta.urls.push(node.url);
                 }
             },
-            false
+            false,
         );
     }
     protected handleRule(
@@ -191,7 +191,7 @@ export class StylableProcessor implements FeatureContext {
             isScoped: boolean;
             reportUnscoped: boolean;
             originalNode?: postcss.AtRule | postcss.Rule;
-        }
+        },
     ) {
         const selectorAst = parseSelectorWithCache(rule.selector);
 
@@ -292,7 +292,7 @@ export class StylableProcessor implements FeatureContext {
                         {
                             node: rule,
                             word: stringifySelector(node),
-                        }
+                        },
                     );
                 }
             } else if (node.type === `attribute`) {
@@ -300,12 +300,12 @@ export class StylableProcessor implements FeatureContext {
                     this.diagnostics.report(
                         generalDiagnostics.INVALID_FUNCTIONAL_SELECTOR(
                             `[${node.value}]`,
-                            `attribute`
+                            `attribute`,
                         ),
                         {
                             node: rule,
                             word: stringifySelector(node),
-                        }
+                        },
                     );
                 }
             } else if (node.type === `nesting`) {
@@ -315,7 +315,7 @@ export class StylableProcessor implements FeatureContext {
                         {
                             node: rule,
                             word: stringifySelector(node),
-                        }
+                        },
                     );
                 }
             }
diff --git a/packages/core/src/stylable-resolver.ts b/packages/core/src/stylable-resolver.ts
index 40605c813e..1aab532bde 100644
--- a/packages/core/src/stylable-resolver.ts
+++ b/packages/core/src/stylable-resolver.ts
@@ -64,7 +64,7 @@ export type CachedModuleEntity =
 export type StylableResolverCache = Map<string, CachedModuleEntity>;
 
 export interface CSSResolveMaybe<
-    T extends StylableSymbol | STStructure.PartSymbol = StylableSymbol
+    T extends StylableSymbol | STStructure.PartSymbol = StylableSymbol,
 > {
     _kind: 'css';
     symbol: T | undefined;
@@ -106,12 +106,12 @@ export type ReportError = (
     extendPath: Array<CSSResolve<ClassSymbol | ElementSymbol>>,
     meta: StylableMeta,
     name: string,
-    isElement: boolean
+    isElement: boolean,
 ) => void;
 
 function isInPath(
     extendPath: Array<CSSResolve<ClassSymbol | ElementSymbol>>,
-    { symbol: { name: name1 }, meta: { source: source1 } }: CSSResolve<ClassSymbol | ElementSymbol>
+    { symbol: { name: name1 }, meta: { source: source1 } }: CSSResolve<ClassSymbol | ElementSymbol>,
 ) {
     return extendPath.find(({ symbol: { name }, meta: { source } }) => {
         return name1 === name && source === source1;
@@ -126,7 +126,7 @@ export class StylableResolver {
         protected fileProcessor: FileProcessor<StylableMeta>,
         protected requireModule: (resolvedPath: string) => any,
         protected moduleResolver: ModuleResolver,
-        protected cache?: StylableResolverCache
+        protected cache?: StylableResolverCache,
     ) {}
     public getModule({
         context,
@@ -201,7 +201,7 @@ export class StylableResolver {
     public resolveImported(
         imported: Imported,
         name: string,
-        subtype: 'mappedSymbols' | 'mappedKeyframes' | STSymbol.Namespaces = 'mappedSymbols'
+        subtype: 'mappedSymbols' | 'mappedKeyframes' | STSymbol.Namespaces = 'mappedSymbols',
     ): CSSResolveMaybe | JSResolve | null {
         const res = this.getModule(imported);
         if (res.value === null) {
@@ -214,8 +214,8 @@ export class StylableResolver {
                 subtype === `mappedSymbols`
                     ? `main`
                     : subtype === 'mappedKeyframes'
-                    ? `keyframes`
-                    : subtype;
+                      ? `keyframes`
+                      : subtype;
             name = !name && namespace === `main` ? meta.root : name;
             const symbol = STSymbol.getAll(meta, namespace)[name];
             return {
@@ -270,7 +270,7 @@ export class StylableResolver {
     }
     public deepResolve(
         maybeImport: StylableSymbol | undefined,
-        path: StylableSymbol[] = []
+        path: StylableSymbol[] = [],
     ): CSSResolveMaybe | JSResolve | null {
         let resolved = this.resolve(maybeImport);
         while (
@@ -300,7 +300,7 @@ export class StylableResolver {
     public resolveSymbolOrigin(
         symbol: StylableSymbol | undefined,
         meta: StylableMeta,
-        path: StylableSymbol[] = []
+        path: StylableSymbol[] = [],
     ): CSSResolve | null {
         if (!symbol || !meta) {
             return null;
@@ -387,8 +387,8 @@ export class StylableResolver {
                             meta,
                             name,
                             diagnostics,
-                            deepResolved as CSSResolve<ClassSymbol>
-                        )
+                            deepResolved as CSSResolve<ClassSymbol>,
+                        ),
                     );
                     break;
                 case `element`:
@@ -442,7 +442,7 @@ export class StylableResolver {
         meta: StylableMeta,
         nameOrSymbol: string | ClassSymbol | ElementSymbol,
         isElement = false,
-        reportError?: ReportError
+        reportError?: ReportError,
     ): CSSResolvePath {
         const name = typeof nameOrSymbol === `string` ? nameOrSymbol : nameOrSymbol.name;
         const symbol =
@@ -513,7 +513,7 @@ function validateClassResolveExtends(
     meta: StylableMeta,
     name: string,
     diagnostics: Diagnostics,
-    deepResolved: CSSResolve<ClassSymbol>
+    deepResolved: CSSResolve<ClassSymbol>,
 ): ReportError | undefined {
     return (res, extend) => {
         const decl = findRule(meta.sourceAst, '.' + name);
@@ -551,7 +551,7 @@ function validateClassResolveExtends(
 
 export function createSymbolResolverWithCache(
     resolver: StylableResolver,
-    diagnostics: Diagnostics
+    diagnostics: Diagnostics,
 ) {
     const cache = new WeakMap<StylableMeta, MetaResolvedSymbols>();
     return (meta: StylableMeta): MetaResolvedSymbols => {
@@ -568,7 +568,7 @@ function resolveByNamespace<NS extends STSymbol.Namespaces>(
     meta: StylableMeta,
     symbol: StylableSymbol,
     resolver: StylableResolver,
-    type: NS
+    type: NS,
 ): CSSResolve<STSymbol.SymbolByNamespace<NS>> | undefined {
     const current = { meta, symbol };
     while ('import' in current.symbol && current.symbol.import) {
diff --git a/packages/core/src/stylable-transformer.ts b/packages/core/src/stylable-transformer.ts
index 990a936282..2c8cf016c0 100644
--- a/packages/core/src/stylable-transformer.ts
+++ b/packages/core/src/stylable-transformer.ts
@@ -81,12 +81,12 @@ export type replaceValueHook = (
     value: string,
     name: string | { name: string; args: string[] },
     isLocal: boolean,
-    passedThrough: string[]
+    passedThrough: string[],
 ) => string;
 
 export type postProcessor<T = {}> = (
     stylableResults: StylableResults,
-    transformer: StylableTransformer
+    transformer: StylableTransformer,
 ) => StylableResults & T;
 
 export interface TransformHooks {
@@ -114,7 +114,7 @@ export const transformerDiagnostics = {
     UNKNOWN_PSEUDO_ELEMENT: createDiagnosticReporter(
         '12001',
         'error',
-        (name: string) => `unknown pseudo element "${name}"`
+        (name: string) => `unknown pseudo element "${name}"`,
     ),
 };
 
@@ -145,7 +145,7 @@ export class StylableTransformer {
             options.fileProcessor,
             options.requireModule,
             options.moduleResolver,
-            options.resolverCache || new Map()
+            options.resolverCache || new Map(),
         );
         this.mode = options.mode || 'production';
         this.defaultStVarOverride = options.stVarOverride || {};
@@ -191,7 +191,7 @@ export class StylableTransformer {
         stVarOverride: Record<string, string> = this.defaultStVarOverride,
         path: string[] = [],
         mixinTransform = false,
-        inferredSelectorMixin?: InferredSelector
+        inferredSelectorMixin?: InferredSelector,
     ) {
         if (meta.type !== 'stylable') {
             return;
@@ -333,7 +333,7 @@ export class StylableTransformer {
                     node.selector,
                     node,
                     currentParent && this.containerInferredSelectorMap.get(currentParent),
-                    inferredSelectorMixin
+                    inferredSelectorMixin,
                 );
                 // save results
                 this.containerInferredSelectorMap.set(node, inferredSelector);
@@ -405,7 +405,7 @@ export class StylableTransformer {
         selectorNode?: postcss.Rule | postcss.AtRule,
         inferredNestSelector?: InferredSelector,
         inferredMixinSelector?: InferredSelector,
-        unwrapGlobals = false
+        unwrapGlobals = false,
     ): {
         selector: string;
         elements: ResolvedElement[][];
@@ -418,7 +418,7 @@ export class StylableTransformer {
             selectorNode || postcss.rule({ selector }),
             selector,
             inferredNestSelector,
-            inferredMixinSelector
+            inferredMixinSelector,
         );
         const targetSelectorAst = this.scopeSelectorAst(context);
         if (unwrapGlobals) {
@@ -437,7 +437,7 @@ export class StylableTransformer {
         selectorNode: postcss.Rule | postcss.AtRule,
         selectorStr?: string,
         selectorNest?: InferredSelector,
-        selectorMixin?: InferredSelector
+        selectorMixin?: InferredSelector,
     ) {
         return new ScopeContext(
             meta,
@@ -449,12 +449,12 @@ export class StylableTransformer {
             selectorNest,
             selectorMixin,
             undefined,
-            selectorStr
+            selectorStr,
         );
     }
     public createInferredSelector(
         meta: StylableMeta,
-        { name, type }: { name: string; type: 'class' | 'element' }
+        { name, type }: { name: string; type: 'class' | 'element' },
     ) {
         const resolvedSymbols = this.getResolvedSymbols(meta);
         const resolved = resolvedSymbols[type][name];
@@ -490,7 +490,7 @@ export class StylableTransformer {
                                     symbol: CSSType.createSymbol({ name: '*' }),
                                 },
                             ],
-                            node
+                            node,
                         );
                     }
                     context.node = compoundNode;
@@ -504,7 +504,7 @@ export class StylableTransformer {
                 // reset current anchor for all except last selector
                 context.inferredSelector = new InferredSelector(
                     this,
-                    context.inferredSelectorStart
+                    context.inferredSelectorStart,
                 );
             }
         }
@@ -571,7 +571,7 @@ export class StylableTransformer {
                         {
                             node: context.ruleOrAtRule,
                             word: node.value,
-                        }
+                        },
                     );
                 }
             }
@@ -610,10 +610,10 @@ function validateScopes(transformer: StylableTransformer, meta: StylableMeta) {
             meta,
             parseSelectorWithCache(rule.selector, { clone: true }),
             rule,
-            rule.selector
+            rule.selector,
         );
         transformedScopes[rule.selector] = groupCompoundSelectors(
-            transformer.scopeSelectorAst(context)
+            transformer.scopeSelectorAst(context),
         );
         const ruleReports = transformer.diagnostics.reports.splice(len);
 
@@ -627,7 +627,7 @@ function validateScopes(transformer: StylableTransformer, meta: StylableMeta) {
                 {
                     node: scope,
                     word: word || scope.params,
-                }
+                },
             );
         }
     }
@@ -638,12 +638,12 @@ function validateScopes(transformer: StylableTransformer, meta: StylableMeta) {
 function removeInitialCompoundMarker(
     selector: Selector,
     meta: StylableMeta,
-    structureMode: boolean
+    structureMode: boolean,
 ) {
     let hadCompoundStart = false;
     const compoundedSelector = groupCompoundSelectors(selector);
     const first = compoundedSelector.nodes.find(
-        ({ type }) => type === `compound_selector`
+        ({ type }) => type === `compound_selector`,
     ) as CompoundSelector;
     if (first) {
         const matchNode = structureMode
@@ -684,7 +684,7 @@ export class InferredSelector {
             | 'scopeSelectorAst'
             | 'createInferredSelector'
         >,
-        resolve?: InferredResolve[] | InferredSelector
+        resolve?: InferredResolve[] | InferredSelector,
     ) {
         if (resolve) {
             this.add(resolve);
@@ -737,7 +737,7 @@ export class InferredSelector {
         const addInferredState = (
             name: string,
             meta: StylableMeta,
-            state: MappedStates[string]
+            state: MappedStates[string],
         ) => {
             const existing = collectedStates[name];
             if (!existing) {
@@ -785,12 +785,15 @@ export class InferredSelector {
         }
         // strict: remove states that do not exist on ALL resolved selectors
         return expectedIntersectionCount > 1
-            ? Object.entries(collectedStates).reduce((resultStates, [name, InferredState]) => {
-                  if (resolvedCount[name] >= expectedIntersectionCount) {
-                      resultStates[name] = InferredState;
-                  }
-                  return resultStates;
-              }, {} as typeof collectedStates)
+            ? Object.entries(collectedStates).reduce(
+                  (resultStates, [name, InferredState]) => {
+                      if (resolvedCount[name] >= expectedIntersectionCount) {
+                          resultStates[name] = InferredState;
+                      }
+                      return resultStates;
+                  },
+                  {} as typeof collectedStates,
+              )
             : collectedStates;
     }
     public getPseudoElements({
@@ -809,7 +812,7 @@ export class InferredSelector {
         const addInferredElement = (
             name: string,
             inferred: InferredSelector,
-            selectors: SelectorList
+            selectors: SelectorList,
         ) => {
             const item = (collectedElements[name] ||= {
                 inferred: new InferredSelector(this.api),
@@ -877,7 +880,7 @@ export class InferredSelector {
                             selector.before = '';
                             if (!r.hadCompoundStart && !isFirstInSelector) {
                                 selector.nodes.unshift(
-                                    createCombinatorSelector({ combinator: 'space' })
+                                    createCombinatorSelector({ combinator: 'space' }),
                                 );
                             }
                         });
@@ -885,7 +888,7 @@ export class InferredSelector {
                             meta,
                             selectorList,
                             postcss.rule({ selector: selectorStr }),
-                            selectorStr
+                            selectorStr,
                         );
                         internalContext.isStandaloneSelector = isFirstInSelector;
                         if (!structureMode && experimentalSelectorInference) {
@@ -893,10 +896,10 @@ export class InferredSelector {
                                 this.api.createInferredSelector(meta, {
                                     name: 'root',
                                     type: 'class',
-                                })
+                                }),
                             );
                             internalContext.inferredSelector.set(
-                                internalContext.inferredSelectorStart
+                                internalContext.inferredSelectorStart,
                             );
                         }
                         const customAstSelectors = this.api.scopeSelectorAst(internalContext);
@@ -930,7 +933,7 @@ export class InferredSelector {
                         CSSClass.namespaceClass(
                             resolvedBaseSymbol.meta,
                             resolvedBaseSymbol.symbol,
-                            classNode
+                            classNode,
                         );
                         nodes.push(classNode);
 
@@ -953,7 +956,7 @@ export class InferredSelector {
                       }
                       return resultElements;
                   },
-                  {} as typeof collectedElements
+                  {} as typeof collectedElements,
               )
             : collectedElements;
     }
@@ -1053,7 +1056,7 @@ export class ScopeContext {
         inferredSelectorNest?: InferredSelector,
         public inferredSelectorMixin?: InferredSelector,
         inferredSelectorContext?: InferredSelector,
-        selectorStr?: string
+        selectorStr?: string,
     ) {
         this.isNested = !!(
             ruleOrAtRule.parent &&
@@ -1091,7 +1094,7 @@ export class ScopeContext {
         this.inferredSelectorNest = inferredSelectorNest || this.inferredSelectorContext.clone();
         this.inferredSelector = new InferredSelector(
             this.transformer,
-            this.inferredSelectorContext
+            this.inferredSelectorContext,
         );
     }
     get experimentalSelectorInference() {
@@ -1105,7 +1108,7 @@ export class ScopeContext {
     public setNextSelectorScope(
         resolved: InferredResolve[] | InferredSelector,
         node: SelectorNode,
-        name?: string
+        name?: string,
     ) {
         if (name && this.selectorIndex !== undefined && this.selectorIndex !== -1) {
             this.elements[this.selectorIndex].push({
@@ -1136,7 +1139,7 @@ export class ScopeContext {
             this.transformer,
             this.inferredSelectorNest,
             this.inferredSelectorMixin,
-            selectorContext || this.inferredSelectorContext
+            selectorContext || this.inferredSelectorContext,
         );
         ctx.transform = this.transform;
         ctx.selectorAstResolveMap = this.selectorAstResolveMap;
@@ -1191,7 +1194,7 @@ export class ScopeContext {
 function prepareAST(
     context: FeatureTransformContext,
     ast: postcss.Root,
-    experimentalSelectorInference: boolean
+    experimentalSelectorInference: boolean,
 ) {
     // ToDo: inline transformations
     const toRemove: Array<postcss.Node | (() => void)> = [];
diff --git a/packages/core/src/stylable-utils.ts b/packages/core/src/stylable-utils.ts
index 4e35b198b3..0901d4ecb8 100644
--- a/packages/core/src/stylable-utils.ts
+++ b/packages/core/src/stylable-utils.ts
@@ -13,12 +13,12 @@ export const utilDiagnostics = {
     INVALID_MERGE_OF: createDiagnosticReporter(
         '14001',
         'error',
-        (mergeValue: string) => `invalid merge of: \n"${mergeValue}"`
+        (mergeValue: string) => `invalid merge of: \n"${mergeValue}"`,
     ),
     INVALID_RECURSIVE_MIXIN: createDiagnosticReporter(
         '10010',
         'error',
-        () => `invalid recursive mixin`
+        () => `invalid recursive mixin`,
     ),
 };
 
@@ -28,7 +28,7 @@ export function mergeRules(
     rule: postcss.Rule,
     mixinDecl: postcss.Declaration,
     report: Diagnostics,
-    useNestingAsAnchor: boolean
+    useNestingAsAnchor: boolean,
 ) {
     let mixinRoot: postcss.Rule | null | 'NoRoot' = null;
     const nestedInKeyframes = isChildOfAtRule(rule, `keyframes`);
@@ -46,7 +46,7 @@ export function mergeRules(
                     parseSelectorWithCache(rule.selector),
                     parseSelectorWithCache(mixinRule.selector),
                     false,
-                    anchorNodeCheck
+                    anchorNodeCheck,
                 );
                 mixinRoot = 'NoRoot';
                 mixinRule.selector = selector;
@@ -57,7 +57,7 @@ export function mergeRules(
                 parseSelectorWithCache(rule.selector),
                 parseSelectorWithCache(mixinRule.selector),
                 false,
-                anchorNodeCheck
+                anchorNodeCheck,
             );
             mixinRule.selector = selector;
         } else if (mixinRule.selector.includes(anchorSelector)) {
@@ -168,7 +168,7 @@ export const sourcePathDiagnostics = {
     MISSING_SOURCE_FILENAME: createDiagnosticReporter(
         '17001',
         'error',
-        () => 'missing source filename'
+        () => 'missing source filename',
     ),
 };
 
diff --git a/packages/core/src/stylable.ts b/packages/core/src/stylable.ts
index ec7bdf677f..40ad6671e6 100644
--- a/packages/core/src/stylable.ts
+++ b/packages/core/src/stylable.ts
@@ -64,7 +64,7 @@ export function validateDefaultConfig(defaultConfigObj: any) {
         for (const configName of Object.keys(defaultConfigObj)) {
             if (!globalDefaultSupportedConfigs.has(configName)) {
                 console.warn(
-                    `Caution: loading "${configName}" config is experimental, and may behave unexpectedly`
+                    `Caution: loading "${configName}" config is experimental, and may behave unexpectedly`,
                 );
             }
         }
@@ -109,7 +109,7 @@ export class Stylable {
             config.experimentalSelectorInference === false ? false : true;
         if (this.experimentalSelectorInference === false) {
             warnOnce(
-                'Stylable is running in a deprecated mode that will be removed in a future 6.x.x release. Please set experimentalSelectorInference=true to avoid this warning.'
+                'Stylable is running in a deprecated mode that will be removed in a future 6.x.x release. Please set experimentalSelectorInference=true to avoid this warning.',
             );
         }
         this.projectRoot = config.projectRoot;
@@ -118,7 +118,7 @@ export class Stylable {
             config.requireModule ||
             (() => {
                 throw new Error(
-                    'Javascript files are not supported without Stylable `requireModule` option'
+                    'Javascript files are not supported without Stylable `requireModule` option',
                 );
             });
         this.onProcess = config.onProcess;
@@ -208,7 +208,7 @@ export class Stylable {
     }
     public transform(
         pathOrMeta: string | StylableMeta,
-        options: Partial<TransformerOptions> = {}
+        options: Partial<TransformerOptions> = {},
     ): StylableResults {
         const meta = typeof pathOrMeta === `string` ? this.analyze(pathOrMeta) : pathOrMeta;
         const transformer = this.createTransformer(options);
@@ -217,7 +217,7 @@ export class Stylable {
     public transformSelector(
         pathOrMeta: string | StylableMeta,
         selector: string,
-        options?: Partial<TransformerOptions>
+        options?: Partial<TransformerOptions>,
     ): { selector: string; resolved: ResolvedElement[][] } {
         const meta = typeof pathOrMeta === `string` ? this.analyze(pathOrMeta) : pathOrMeta;
         const transformer = this.createTransformer(options);
@@ -235,20 +235,20 @@ export class Stylable {
         pathOrMeta: string | StylableMeta,
         prop: string,
         value: string,
-        options?: Partial<TransformerOptions>
+        options?: Partial<TransformerOptions>,
     ) {
         const decl = postcss.decl({ prop, value });
         this.transformAST(
             pathOrMeta,
             postcss.root({}).append(postcss.rule({ selector: `.x` }).append(decl)),
-            options
+            options,
         );
         return { prop: decl.prop, value: decl.value };
     }
     private transformAST(
         pathOrMeta: string | StylableMeta,
         ast: postcss.Root,
-        options?: Partial<TransformerOptions>
+        options?: Partial<TransformerOptions>,
     ): postcss.Root {
         const meta = typeof pathOrMeta === `string` ? this.analyze(pathOrMeta) : pathOrMeta;
         const transformer = this.createTransformer(options);
diff --git a/packages/core/src/types.ts b/packages/core/src/types.ts
index b4b95557b3..97000d0f38 100644
--- a/packages/core/src/types.ts
+++ b/packages/core/src/types.ts
@@ -23,7 +23,7 @@ export interface IStylableOptimizer {
     optimize(
         config: OptimizeConfig,
         stylableResult: StylableResults,
-        usageMapping: Record<string, boolean>
+        usageMapping: Record<string, boolean>,
     ): void;
     getNamespace(namespace: string): string;
     getClassName(className: string): string;
@@ -32,7 +32,7 @@ export interface IStylableOptimizer {
         targetAst: postcss.Root,
         usageMapping: Record<string, boolean>,
         jsExports: StylableExports,
-        globals: Record<string, boolean>
+        globals: Record<string, boolean>,
     ): void;
 }
 
diff --git a/packages/core/test/arguement-parser.spec.ts b/packages/core/test/arguement-parser.spec.ts
index e8707bce3c..9bae19837a 100644
--- a/packages/core/test/arguement-parser.spec.ts
+++ b/packages/core/test/arguement-parser.spec.ts
@@ -7,13 +7,13 @@ function test(
     src: string,
     expected: string[],
     allowComments = false,
-    expectedWarnings?: string[]
+    expectedWarnings?: string[],
 ) {
     it(desc, () => {
         const actualWarnings: string[] = [];
         const [firstNode] = postcssValueParser(src).nodes;
         const formatterArgs = getFormatterArgs(firstNode, allowComments, (diag) =>
-            actualWarnings.push(diag.message)
+            actualWarnings.push(diag.message),
         );
         expect(formatterArgs).to.eql(expected);
         if (expectedWarnings) {
@@ -28,19 +28,19 @@ describe('Value argument parsing (split by comma)', () => {
         test(
             'should process comma separated arguments with comments',
             'func(a /*with comment*/, b, c)',
-            ['a', 'b', 'c']
+            ['a', 'b', 'c'],
         );
         test(
             'should process comma separated arguments with comments (output comments)',
             'func(a /*with comment*/, b, c)',
             ['a /*with comment*/', 'b', 'c'],
-            true
+            true,
         );
 
         test(
             'should process comma separated arguments with spaces in the first value',
             'func(a 1 2 3, b, c)',
-            ['a 1 2 3', 'b', 'c']
+            ['a 1 2 3', 'b', 'c'],
         );
         test('should process a function with a single argument', 'func(a)', ['a']);
 
@@ -65,7 +65,7 @@ describe('Value argument parsing (split by comma)', () => {
         test(
             'should process only comments in args',
             'func(/*with comment*/  /*with comment*/, b, c)',
-            ['', 'b', 'c']
+            ['', 'b', 'c'],
         );
         test('should process a function with a empty argument', 'func(a,)', ['a']);
         test('should process a function with too many commas', 'func(a,,)', ['a']);
@@ -78,7 +78,7 @@ describe('Value argument parsing (split by comma)', () => {
             [
                 'func(a,/**/ /**/,): argument at index 1 is empty',
                 'func(a,/**/ /**/,): argument at index 2 is empty',
-            ]
+            ],
         );
     });
 });
diff --git a/packages/core/test/cached-process-file.spec.ts b/packages/core/test/cached-process-file.spec.ts
index e2f23682d6..385e25d071 100644
--- a/packages/core/test/cached-process-file.spec.ts
+++ b/packages/core/test/cached-process-file.spec.ts
@@ -69,7 +69,7 @@ describe('cachedProcessFile', () => {
         const out = p.process(file);
         expect(out).to.equal('FROM CACHE');
         expect(p.processContent('Hello', file), 'process context should ignore cache').to.equal(
-            'Hello'
+            'Hello',
         );
     });
 
diff --git a/packages/core/test/diagnostics.spec.ts b/packages/core/test/diagnostics.spec.ts
index c87ab0c494..8df06913be 100644
--- a/packages/core/test/diagnostics.spec.ts
+++ b/packages/core/test/diagnostics.spec.ts
@@ -52,7 +52,7 @@ describe('diagnostics: warnings and errors', () => {
 
                     }
                 `,
-                    [{ message: '"Something" component is not imported', file: 'main.css' }]
+                    [{ message: '"Something" component is not imported', file: 'main.css' }],
                 );
             });
 
@@ -64,7 +64,7 @@ describe('diagnostics: warnings and errors', () => {
                     }
                     .|
                 `,
-                    [{ message: 'identifier expected', file: 'main.css' }]
+                    [{ message: 'identifier expected', file: 'main.css' }],
                 );
             });
             it('should return warning for unterminated ":"', () => {
@@ -75,7 +75,7 @@ describe('diagnostics: warnings and errors', () => {
                     }
                     :|
                 `,
-                    [{ message: 'identifier expected', file: 'main.css' }]
+                    [{ message: 'identifier expected', file: 'main.css' }],
                 );
             });
             it('should return warning for className without rule area', () => {
@@ -86,7 +86,7 @@ describe('diagnostics: warnings and errors', () => {
                     }
                     .gaga|
                 `,
-                    [{ message: '{ expected', file: 'main.css' }]
+                    [{ message: '{ expected', file: 'main.css' }],
                 );
             });
         });
@@ -109,7 +109,7 @@ describe('diagnostics: warnings and errors', () => {
                         severity: `error`,
                         message: cssTypeDiagnostics.INVALID_FUNCTIONAL_SELECTOR(
                             `[attr]`,
-                            `attribute`
+                            `attribute`,
                         ),
                         file: `main.css`,
                     },
@@ -135,7 +135,7 @@ describe('diagnostics: warnings and errors', () => {
                     .gaga{
                         color:red|
                 `,
-                    [{ message: '; expected', file: 'main.css' }]
+                    [{ message: '; expected', file: 'main.css' }],
                 );
             });
         });
@@ -150,7 +150,7 @@ describe('diagnostics: warnings and errors', () => {
                         color|
                     }
                 `,
-                    [{ message: ': expected', file: 'main.css' }]
+                    [{ message: ': expected', file: 'main.css' }],
                 );
                 expectAnalyzeDiagnostics(
                     `
@@ -161,7 +161,7 @@ describe('diagnostics: warnings and errors', () => {
                         color:|
                     }
                 `,
-                    [{ message: 'property value expected', file: 'main.css' }]
+                    [{ message: 'property value expected', file: 'main.css' }],
                 );
                 // todo: add cases for any unterminated selectors (direct descendant, etc...)
             });
@@ -172,7 +172,7 @@ describe('diagnostics: warnings and errors', () => {
                         |hello|:yossi;
                     }
                 `,
-                    [{ message: 'unknown rule "hello"', file: 'main.css' }]
+                    [{ message: 'unknown rule "hello"', file: 'main.css' }],
                 );
             });
 
@@ -183,7 +183,7 @@ describe('diagnostics: warnings and errors', () => {
 
                     }
                 `,
-                    [{ message: 'illegal character <', file: 'main.css' }]
+                    [{ message: 'illegal character <', file: 'main.css' }],
                 );
             });
 
@@ -194,7 +194,7 @@ describe('diagnostics: warnings and errors', () => {
                         |-st-something|:true;
                     }
                 `,
-                    [{ message: 'unknown directive "-st-something"', file: 'main.css' }]
+                    [{ message: 'unknown directive "-st-something"', file: 'main.css' }],
                 );
             });
         });
@@ -213,7 +213,7 @@ describe('diagnostics: warnings and errors', () => {
                                 'global pseudo elements are not allowed, you can use ".root::before" instead',
                             file: 'main.css',
                         },
-                    ]
+                    ],
                 );
             });
 
@@ -302,11 +302,11 @@ describe('diagnostics: warnings and errors', () => {
                         {
                             message:
                                 generalStringDiagnostics.FORBIDDEN_DEF_IN_COMPLEX_SELECTOR(
-                                    '-st-extends'
+                                    '-st-extends',
                                 ),
                             file: 'main.css',
                         },
-                    ]
+                    ],
                 );
             });
         });
@@ -331,7 +331,7 @@ describe('diagnostics: warnings and errors', () => {
                             message: cssClassDiagnostics.OVERRIDE_TYPED_RULE(`-st-extends`, 'root'),
                             file: 'main.css',
                         },
-                    ]
+                    ],
                 );
             });
         });
@@ -370,7 +370,7 @@ describe('diagnostics: warnings and errors', () => {
                         message: 'conflicting extends matching same target [SheetB.my-a]',
                         file: 'main.css',
                     },
-                ]
+                ],
             );
         });
 
@@ -380,7 +380,7 @@ describe('diagnostics: warnings and errors', () => {
                     `
                     .root button {}
                 `,
-                    []
+                    [],
                 );
             });
 
@@ -390,7 +390,7 @@ describe('diagnostics: warnings and errors', () => {
                     .class {}
                     .class button {}
                 `,
-                    []
+                    [],
                 );
             });
 
@@ -409,7 +409,7 @@ describe('diagnostics: warnings and errors', () => {
                             message: cssClassDiagnostics.UNSCOPED_CLASS('Blah'),
                             file: 'main.css',
                         },
-                    ]
+                    ],
                 );
             });
 
@@ -426,7 +426,7 @@ describe('diagnostics: warnings and errors', () => {
 
                     .cls:not(:someState) .classNeedsScoping {}  
                 `,
-                    []
+                    [],
                 );
             });
 
@@ -446,7 +446,7 @@ describe('diagnostics: warnings and errors', () => {
                     }
 
                 `,
-                    []
+                    [],
                 );
             });
 
@@ -460,7 +460,7 @@ describe('diagnostics: warnings and errors', () => {
                             message: cssTypeDiagnostics.UNSCOPED_TYPE_SELECTOR('button'),
                             file: 'main.css',
                         },
-                    ]
+                    ],
                 );
             });
 
@@ -474,7 +474,7 @@ describe('diagnostics: warnings and errors', () => {
                             message: cssTypeDiagnostics.UNSCOPED_TYPE_SELECTOR('button'),
                             file: 'main.css',
                         },
-                    ]
+                    ],
                 );
             });
         });
diff --git a/packages/core/test/features/css-class.spec.ts b/packages/core/test/features/css-class.spec.ts
index 71d2f4c859..7c2efd47c9 100644
--- a/packages/core/test/features/css-class.spec.ts
+++ b/packages/core/test/features/css-class.spec.ts
@@ -32,18 +32,18 @@ describe(`features/css-class`, () => {
         expect(CSSClass.get(autoResult.meta, `root`), `auto root symbol`).to.deep.contain(
             CSSClass.createSymbol({
                 name: 'root',
-            })
+            }),
         );
         expect(CSSClass.get(explicitResult.meta, `root`), `explicit root symbol`).to.deep.contain(
             CSSClass.createSymbol({
                 name: 'root',
-            })
+            }),
         );
 
         // JS exports
         expect(autoResult.exports.classes.root, `auto root JS export`).to.eql(`auto__root`);
         expect(explicitResult.exports.classes.root, `explicit root JS export`).to.eql(
-            `explicit__root`
+            `explicit__root`,
         );
     });
     it(`should process css class selectors`, () => {
@@ -235,7 +235,7 @@ describe(`features/css-class`, () => {
                         return namespace + `.`;
                     },
                 },
-            }
+            },
         );
 
         const { meta, exports } = sheets['/entry.st.css'];
@@ -246,7 +246,7 @@ describe(`features/css-class`, () => {
         expect(CSSClass.get(meta, `a\\.`), `symbol`).to.deep.contain(
             CSSClass.createSymbol({
                 name: 'a\\.',
-            })
+            }),
         );
 
         // JS exports - ToDo: remove escape from key
@@ -291,7 +291,7 @@ describe(`features/css-class`, () => {
                 @rule(functional class) .entry__a()
                 @analyze-error(functional class) ${classDiagnostics.INVALID_FUNCTIONAL_SELECTOR(
                     `.a`,
-                    `class`
+                    `class`,
                 )}
             */
             .a() {}
@@ -303,7 +303,7 @@ describe(`features/css-class`, () => {
         expect(CSSClass.get(meta, `a`), `symbol`).to.deep.contain(
             CSSClass.createSymbol({
                 name: 'a',
-            })
+            }),
         );
 
         // JS exports
@@ -389,7 +389,7 @@ describe(`features/css-class`, () => {
                 'deep.st.css',
                 '.root',
                 '.entry__root',
-                'entry.st.css'
+                'entry.st.css',
             )
                 .toString()
                 .replace('!important\n', '!important;\n')
@@ -416,7 +416,7 @@ describe(`features/css-class`, () => {
                 },
                 {
                     stylableConfig: { mode: 'development' },
-                }
+                },
             );
 
             const { meta } = sheets['/entry.st.css'];
@@ -441,7 +441,7 @@ describe(`features/css-class`, () => {
                 },
                 {
                     stylableConfig: { mode: 'development' },
-                }
+                },
             );
 
             const { meta } = sheets['/entry.st.css'];
@@ -453,7 +453,7 @@ describe(`features/css-class`, () => {
                 'x.st.css',
                 '.root',
                 '.entry__root',
-                'entry.st.css'
+                'entry.st.css',
             )
                 .toString()
                 .replace('!important\n', '!important;\n')
@@ -552,7 +552,7 @@ describe(`features/css-class`, () => {
             testStylableCore(`
                 .a {
                     /* @analyze-warn ${stCustomStateDiagnostics.NO_STATE_TYPE_GIVEN(
-                        'state-with-param'
+                        'state-with-param',
                     )} */
                     -st-states: state-with-param();
                 }
@@ -586,13 +586,13 @@ describe(`features/css-class`, () => {
                 CSSClass.createSymbol({
                     name: 'before',
                     alias: STImport.createImportSymbol(importDef, `named`, `before`, `/`),
-                })
+                }),
             );
             expect(CSSClass.get(meta, `after`), `after symbol`).to.eql(
                 CSSClass.createSymbol({
                     name: 'after',
                     alias: STImport.createImportSymbol(importDef, `named`, `after`, `/`),
-                })
+                }),
             );
             expect(CSSClass.get(meta, `unused`), `unused symbol`).to.eql(undefined);
         });
@@ -605,7 +605,7 @@ describe(`features/css-class`, () => {
                     /* 
                         @rule .entry__unknown
                         @transform-error(unresolved alias) word(unknown) ${classDiagnostics.UNKNOWN_IMPORT_ALIAS(
-                            `unknown`
+                            `unknown`,
                         )} 
                     */
                     .unknown {}
@@ -620,7 +620,7 @@ describe(`features/css-class`, () => {
                 CSSClass.createSymbol({
                     name: 'unknown',
                     alias: STImport.createImportSymbol(importDef, `named`, `unknown`, `/`),
-                })
+                }),
             );
         });
         it(`should resolve deep imported alias classes`, () => {
@@ -650,7 +650,7 @@ describe(`features/css-class`, () => {
                 CSSClass.createSymbol({
                     name: 'imported-part',
                     alias: STImport.createImportSymbol(importDef, `named`, `imported-part`, `/`),
-                })
+                }),
             );
         });
         it(`should not override root`, () => {
@@ -673,7 +673,7 @@ describe(`features/css-class`, () => {
                     name: 'root',
                     '-st-root': true,
                     alias: undefined,
-                })
+                }),
             );
             expect(STSymbol.get(meta, `root`), `general`).to.equal(CSSClass.get(meta, `root`));
         });
@@ -690,7 +690,7 @@ describe(`features/css-class`, () => {
                     @st-import [importedPart] from "./classes.st.css";
 
                     /* @analyze-warn word(importedPart) ${classDiagnostics.UNSCOPED_CLASS(
-                        `importedPart`
+                        `importedPart`,
                     )} */
                     .importedPart {}
 
@@ -812,10 +812,10 @@ describe(`features/css-class`, () => {
 
             // JS exports
             expect(exports.classes.root, `root compose JS export`).to.eql(
-                `entry__root classes__imported`
+                `entry__root classes__imported`,
             );
             expect(exports.classes.class, `class compose JS export`).to.eql(
-                `entry__class classes__imported`
+                `entry__class classes__imported`,
             );
         });
         it(`should handle -st-extends of imported root `, () => {
@@ -902,16 +902,16 @@ describe(`features/css-class`, () => {
 
             // JS exports
             expect(extended.exports.classes.root, `root extended`).to.eql(
-                `extended__root middle__importedExtend classes__imported`
+                `extended__root middle__importedExtend classes__imported`,
             );
             expect(extended.exports.classes.class, `class extended`).to.eql(
-                `extended__class middle__importedExtend classes__imported`
+                `extended__class middle__importedExtend classes__imported`,
             );
             expect(aliased.exports.classes.root, `root aliased`).to.eql(
-                `aliased__root classes__imported`
+                `aliased__root classes__imported`,
             );
             expect(aliased.exports.classes.class, `class aliased`).to.eql(
-                `aliased__class classes__imported`
+                `aliased__class classes__imported`,
             );
         });
         it(`should handle -st-extends of deep imported root`, () => {
@@ -960,10 +960,10 @@ describe(`features/css-class`, () => {
 
             // JS exports
             expect(extended.exports.classes.root, `root extended`).to.eql(
-                `extended__root middle__deepExtend`
+                `extended__root middle__deepExtend`,
             );
             expect(extended.exports.classes.class, `class extended`).to.eql(
-                `extended__class middle__deepExtend`
+                `extended__class middle__deepExtend`,
             );
             expect(aliased.exports.classes.root, `root aliased`).to.eql(`aliased__root`);
             expect(aliased.exports.classes.class, `class aliased`).to.eql(`aliased__class`);
@@ -987,7 +987,7 @@ describe(`features/css-class`, () => {
                     
                     .b {
                         /* @transform-error(unresolved named) word(unknown) ${classDiagnostics.CANNOT_EXTEND_UNKNOWN_SYMBOL(
-                            `unknown`
+                            `unknown`,
                         )} */
                         -st-extends: unknown;
                     }
@@ -1037,7 +1037,7 @@ describe(`features/css-class`, () => {
                 body {
                 }
                 html body {}
-            `)
+            `),
             );
         });
     });
@@ -1187,14 +1187,14 @@ describe(`features/css-class`, () => {
             shouldReportNoDiagnostics(meta);
 
             expect(nativeMeta.targetAst?.toString().trim(), 'no native transform').to.eql(
-                '.name {}'
+                '.name {}',
             );
 
             // symbols
             expect(CSSClass.get(meta, 'name'), 'imported symbol').to.deep.contain(
                 CSSClass.createSymbol({
                     name: 'name',
-                })
+                }),
             );
 
             // JS exports
@@ -1208,14 +1208,14 @@ describe(`features/css-class`, () => {
                 '/entry.st.css': `
                     /* @transform-error(no root) word(root) ${stImportDiagnostics.UNKNOWN_IMPORTED_SYMBOL(
                         `root`,
-                        `./native.css`
+                        `./native.css`,
                     )} */
                     @st-import [root as nativeRoot] from './native.css';
 
                     /*
                         @rule .entry__root .entry__nativeRoot
                         @transform-error(unresolved alias) word(nativeRoot) ${classDiagnostics.UNKNOWN_IMPORT_ALIAS(
-                            `nativeRoot`
+                            `nativeRoot`,
                         )}
                     */
                     .root .nativeRoot {}
@@ -1230,7 +1230,7 @@ describe(`features/css-class`, () => {
                 `,
                 '/entry.st.css': `
                     /* @transform-error(no export) word(Native) ${stImportDiagnostics.NO_DEFAULT_EXPORT(
-                        `./native.css`
+                        `./native.css`,
                     )} */
                     @st-import Native from './native.css';
 
@@ -1300,7 +1300,7 @@ describe(`features/css-class`, () => {
             expect(api.transformIntoSelector(meta, 'ext-x'), 'imported class').to.eql('.other__x');
             // expect(api.transformIntoSelector(meta, 'ext-y'), 'imported global class').to.eql('.y');
             expect(api.transformIntoSelector(meta, 'ext-z'), 'imported mapped class').to.eql(
-                '[attr=z]'
+                '[attr=z]',
             );
         });
         it(`should not modify globals when transforming external selector`, () => {
diff --git a/packages/core/test/features/css-contains.spec.ts b/packages/core/test/features/css-contains.spec.ts
index 8a65dbce00..d7a0044553 100644
--- a/packages/core/test/features/css-contains.spec.ts
+++ b/packages/core/test/features/css-contains.spec.ts
@@ -182,7 +182,7 @@ describe('features/css-contains', () => {
             .a {
                 /* 
                     @analyze-error(longhand unexpected) word("?") ${diagnostics.UNEXPECTED_DECL_VALUE(
-                        '"?"'
+                        '"?"',
                     )}
                     @decl(longhand unexpected) container-name: entry__a "?" not_a_container_name
                 */
@@ -190,7 +190,7 @@ describe('features/css-contains', () => {
                 
                 /* 
                     @analyze-error(shorthand unknown type) word(unknown-type) ${diagnostics.UNKNOWN_DECL_TYPE(
-                        'unknown-type'
+                        'unknown-type',
                     )}
                     @decl(shorthand unknown type) container: entry__a / unknown-type
                 */
@@ -204,7 +204,7 @@ describe('features/css-contains', () => {
 
                 /* 
                     @analyze-error(shorthand unexpected) word("?") ${diagnostics.UNEXPECTED_DECL_VALUE(
-                        '"?"'
+                        '"?"',
                     )}
                     @decl(shorthand unexpected) container: entry__a "?" b
                 */
@@ -269,7 +269,7 @@ describe('features/css-contains', () => {
 
                 /* 
                     @analyze-error(none ident) word(none) ${diagnostics.INVALID_CONTAINER_NAME(
-                        'none'
+                        'none',
                     )}
                     @decl(none ident) container-name: entry__xxx none
                 */
@@ -283,7 +283,7 @@ describe('features/css-contains', () => {
 
                 /* 
                     @analyze-error(shorthand none ident) word(none) ${diagnostics.INVALID_CONTAINER_NAME(
-                        'none'
+                        'none',
                     )}
                     @decl(shorthand none ident) container: entry__xxx none / normal
                 */
@@ -291,12 +291,12 @@ describe('features/css-contains', () => {
             }
 
             /* @analyze-error(hard-def and) word(and) ${diagnostics.INVALID_CONTAINER_NAME(
-                'and'
+                'and',
             )} */
             @container and;
 
             /* @analyze-error(hard-def not) word(not) ${diagnostics.INVALID_CONTAINER_NAME(
-                'not'
+                'not',
             )} */
             @container not;
 
@@ -431,7 +431,7 @@ describe('features/css-contains', () => {
                 '/entry.st.css': `
                     /* @transform-error word(unknown) ${diagnostics.UNKNOWN_IMPORTED_CONTAINER(
                         `unknown`,
-                        `./imported.st.css`
+                        `./imported.st.css`,
                     )} */
                     @st-import [container(unknown as local)] from './imported.st.css';
                 `,
@@ -611,7 +611,7 @@ describe('features/css-contains', () => {
                 .into {
                     -st-mixin: mix;
                 }
-            `)
+            `),
             );
 
             const { meta } = sheets['/entry.st.css'];
@@ -632,7 +632,7 @@ describe('features/css-contains', () => {
                 @container (inline-size > 1px) {
                     .entry__into { id: mix-in-container; }
                 }
-            `)
+            `),
             );
         });
     });
@@ -665,7 +665,7 @@ describe('features/css-contains', () => {
                         container-name: a;
                     }
                     @container a (inline-size > 100px) {}
-                `)
+                `),
             );
 
             // JS exports
diff --git a/packages/core/test/features/css-custom-property.spec.ts b/packages/core/test/features/css-custom-property.spec.ts
index 67c814f6fb..6084a00e1c 100644
--- a/packages/core/test/features/css-custom-property.spec.ts
+++ b/packages/core/test/features/css-custom-property.spec.ts
@@ -221,7 +221,7 @@ describe(`features/css-custom-property`, () => {
             /* 
                 @atrule(no-dashes) propY 
                 @analyze-error(no-dashes) word(propY) ${customPropertyDiagnostics.ILLEGAL_CSS_VAR_USE(
-                    'propY'
+                    'propY',
                 )}
             */
             @property propY {
@@ -233,7 +233,7 @@ describe(`features/css-custom-property`, () => {
             /* 
                 @atrule(no-dashes-global) st-global(propZ)
                 @analyze-error(no-dashes-global) word(propZ) ${customPropertyDiagnostics.ILLEGAL_CSS_VAR_USE(
-                    'propZ'
+                    'propZ',
                 )}
             */
             @property st-global(propZ) {
@@ -254,7 +254,7 @@ describe(`features/css-custom-property`, () => {
                 /* 
                     @decl(no-dashes) prop: var(propA) 
                     @analyze-error(no-dashes) word(propA) ${customPropertyDiagnostics.ILLEGAL_CSS_VAR_USE(
-                        'propA'
+                        'propA',
                     )}
                 */
                 prop: var(propA);
@@ -262,7 +262,7 @@ describe(`features/css-custom-property`, () => {
                 /* 
                     @decl(space+text) prop: var(--entry-propB notAllowed, fallback) 
                     @analyze-error(space+text) word(--propB notAllowed, fallback) ${customPropertyDiagnostics.ILLEGAL_CSS_VAR_ARGS(
-                        '--propB notAllowed, fallback'
+                        '--propB notAllowed, fallback',
                     )}
                 */
                 prop: var(--propB notAllowed, fallback);
@@ -301,7 +301,7 @@ describe(`features/css-custom-property`, () => {
                     .root {
                         /* 
                             @analyze-error word(--prop) ${customPropertyDiagnostics.UNDEFINED_CSS_CUSTOM_PROP(
-                                '--prop'
+                                '--prop',
                             )}
                             @decl --invalid-prop: green 
                         */
@@ -309,7 +309,7 @@ describe(`features/css-custom-property`, () => {
 
                         /* 
                             @analyze-error word(--prop2) ${customPropertyDiagnostics.UNDEFINED_CSS_CUSTOM_PROP(
-                                '--prop2'
+                                '--prop2',
                             )}
                             @decl color: var(--invalid-prop2) 
                         */
@@ -329,7 +329,7 @@ describe(`features/css-custom-property`, () => {
                     }
                 `,
             },
-            { stylableConfig: { flags: { strictCustomProperty: true } } }
+            { stylableConfig: { flags: { strictCustomProperty: true } } },
         );
     });
     it.skip(`should escape`, () => {
@@ -349,7 +349,7 @@ describe(`features/css-custom-property`, () => {
         it(`should report on missing syntax`, () => {
             const { sheets } = testStylableCore(`
                 /* @analyze-error(syntax) word(--a) ${customPropertyDiagnostics.MISSING_REQUIRED_DESCRIPTOR(
-                    'syntax'
+                    'syntax',
                 )} */
                 @property --a {
                     inherits: true;
@@ -357,7 +357,7 @@ describe(`features/css-custom-property`, () => {
                 }
 
                 /* @analyze-error(inherits) word(--b) ${customPropertyDiagnostics.MISSING_REQUIRED_DESCRIPTOR(
-                    'inherits'
+                    'inherits',
                 )} */
                 @property --b {
                     syntax: '<color>';
@@ -388,7 +388,7 @@ describe(`features/css-custom-property`, () => {
                     inherits: false;
 
                     /* @analyze-error(atrule) word(abc) ${customPropertyDiagnostics.INVALID_DESCRIPTOR_TYPE(
-                        'atrule'
+                        'atrule',
                     )} */
                     @some-at-rule abc{}
                 }
@@ -398,7 +398,7 @@ describe(`features/css-custom-property`, () => {
                     inherits: false;
 
                     /* @analyze-error(rule) word(div) ${customPropertyDiagnostics.INVALID_DESCRIPTOR_TYPE(
-                        'rule'
+                        'rule',
                     )} */
                     div {}
                 }
@@ -411,7 +411,7 @@ describe(`features/css-custom-property`, () => {
                     inherits: false;
 
                     /* @analyze-error word(initialValue) ${customPropertyDiagnostics.INVALID_DESCRIPTOR_NAME(
-                        'initialValue'
+                        'initialValue',
                     )} */
                     initialValue: red;
                 }
@@ -449,10 +449,10 @@ describe(`features/css-custom-property`, () => {
                 
                 /*
                 @analyze-warn(before) word(--before) ${stSymbolDiagnostics.REDECLARE_SYMBOL(
-                    `--before`
+                    `--before`,
                 )}
                 @analyze-warn(after) word(--after) ${stSymbolDiagnostics.REDECLARE_SYMBOL(
-                    `--after`
+                    `--after`,
                 )}
                 */
                 @st-global-custom-property --before, --after;
@@ -484,7 +484,7 @@ describe(`features/css-custom-property`, () => {
                 /* 
                     @transform-remove(no-dashes)
                     @analyze-error(no-dashes) word(propA) ${customPropertyDiagnostics.ILLEGAL_GLOBAL_CSS_VAR(
-                        'propA'
+                        'propA',
                     )}
                 */
                 @st-global-custom-property propA;
@@ -492,7 +492,7 @@ describe(`features/css-custom-property`, () => {
                 /* 
                     @transform-remove(missing comma)
                     @analyze-error(missing comma) word(--propB --propC) ${customPropertyDiagnostics.GLOBAL_CSS_VAR_MISSING_COMMA(
-                        '--propB --propC'
+                        '--propB --propC',
                     )}
                 */
                 @st-global-custom-property --propB --propC;
@@ -613,10 +613,10 @@ describe(`features/css-custom-property`, () => {
                     
                     /* 
                     @analyze-warn(imported before) word(--before) ${stSymbolDiagnostics.REDECLARE_SYMBOL(
-                        `--before`
+                        `--before`,
                     )}
                     @analyze-warn(imported after) word(--after) ${stSymbolDiagnostics.REDECLARE_SYMBOL(
-                        `--after`
+                        `--after`,
                     )}
                     */
                     @st-import [--before, --after] from "./props.st.css";
@@ -720,7 +720,7 @@ describe(`features/css-custom-property`, () => {
                 '/entry.st.css': `
                     /* @transform-error word(--unknown) ${stImportDiagnostics.UNKNOWN_IMPORTED_SYMBOL(
                         '--unknown',
-                        './props.st.css'
+                        './props.st.css',
                     )} */
                     @st-import [--unknown] from './props.st.css';
 
@@ -1059,22 +1059,22 @@ describe(`features/css-custom-property`, () => {
             const { meta } = sheets['/entry.st.css'];
 
             expect(CSSCustomProperty.scopeCSSVar(stylable.resolver, meta, '--unknown')).to.equal(
-                generateScopedCSSVar('entry', 'unknown')
+                generateScopedCSSVar('entry', 'unknown'),
             );
 
             expect(CSSCustomProperty.scopeCSSVar(stylable.resolver, meta, '--local'), `b`).to.equal(
-                generateScopedCSSVar('entry', 'local')
+                generateScopedCSSVar('entry', 'local'),
             );
 
             expect(CSSCustomProperty.scopeCSSVar(stylable.resolver, meta, '--imported')).to.equal(
-                generateScopedCSSVar('imported', 'imported')
+                generateScopedCSSVar('imported', 'imported'),
             );
 
             expect(
-                CSSCustomProperty.scopeCSSVar(stylable.resolver, meta, '--imported-global')
+                CSSCustomProperty.scopeCSSVar(stylable.resolver, meta, '--imported-global'),
             ).to.equal('--imported-global');
             expect(
-                CSSCustomProperty.scopeCSSVar(stylable.resolver, meta, '--local-global')
+                CSSCustomProperty.scopeCSSVar(stylable.resolver, meta, '--local-global'),
             ).to.equal('--local-global');
         });
     });
@@ -1107,7 +1107,7 @@ describe(`features/css-custom-property`, () => {
                     }
                 `,
                 },
-                { stylableConfig: { flags: { strictCustomProperty: true } } }
+                { stylableConfig: { flags: { strictCustomProperty: true } } },
             );
 
             const { meta: nativeMeta } = stylable.transform('/native.css');
@@ -1126,7 +1126,7 @@ describe(`features/css-custom-property`, () => {
                     .x {
                         --b: var(--c);
                     }
-                `)
+                `),
             );
         });
         it('should ignore strictCustomProperty', () => {
@@ -1139,7 +1139,7 @@ describe(`features/css-custom-property`, () => {
                         }
                     `,
                 },
-                { stylableConfig: { flags: { strictCustomProperty: true } } }
+                { stylableConfig: { flags: { strictCustomProperty: true } } },
             );
 
             const { meta } = stylable.transform('/entry.css');
@@ -1170,7 +1170,7 @@ describe(`features/css-custom-property`, () => {
                         inherits: false;
                     }
                     @property --no-body;
-                `)
+                `),
             );
         });
     });
@@ -1200,7 +1200,7 @@ describe(`features/css-custom-property`, () => {
 
                             color: var(--defineInDeclValue);
                         }
-                    `)
+                    `),
                 );
 
                 const { meta } = sheets['/entry.st.css'];
diff --git a/packages/core/test/features/css-keyframes.spec.ts b/packages/core/test/features/css-keyframes.spec.ts
index 38f9b61400..f2fb4f9286 100644
--- a/packages/core/test/features/css-keyframes.spec.ts
+++ b/packages/core/test/features/css-keyframes.spec.ts
@@ -60,7 +60,7 @@ describe(`features/css-keyframes`, () => {
         // statements
         expect(
             CSSKeyframes.getKeyframesStatements(meta),
-            `CSSKeyframes.getKeyframesStatements(meta)`
+            `CSSKeyframes.getKeyframesStatements(meta)`,
         ).to.containSubset([meta.sourceAst.nodes[1], meta.sourceAst.nodes[3]]);
     });
     it(`should namespace "animation" and "animation-name" declarations`, () => {
@@ -137,8 +137,8 @@ describe(`features/css-keyframes`, () => {
         CSSKeyframes.reservedKeyFrames.map((reserved) => {
             testStylableCore(`
                 /* @analyze-error(${reserved}) word(${reserved}) ${keyframesDiagnostics.KEYFRAME_NAME_RESERVED(
-                reserved
-            )} */
+                    reserved,
+                )} */
                 @keyframes ${reserved} {}
             `);
         });
@@ -205,7 +205,7 @@ describe(`features/css-keyframes`, () => {
                         return `a|a`;
                     },
                 },
-            }
+            },
         );
 
         const { meta, exports } = sheets['/entry.st.css'];
@@ -373,17 +373,17 @@ describe(`features/css-keyframes`, () => {
                     /* 
                         @atrule entry__before
                         @analyze-warn(local before) word(before) ${stSymbolDiagnostics.REDECLARE_SYMBOL(
-                            `before`
+                            `before`,
                         )}
                     */
                     @keyframes before {}
                     
                     /*
                         @analyze-warn(import before) word(before) ${stSymbolDiagnostics.REDECLARE_SYMBOL(
-                            `before`
+                            `before`,
                         )}
                         @analyze-warn(import after) word(after) ${stSymbolDiagnostics.REDECLARE_SYMBOL(
-                            `after`
+                            `after`,
                         )}
                     */
                     @st-import [keyframes(before, after)] from './import.st.css';
@@ -391,7 +391,7 @@ describe(`features/css-keyframes`, () => {
                     /* 
                         @atrule entry__after
                         @analyze-warn(local after) word(after) ${stSymbolDiagnostics.REDECLARE_SYMBOL(
-                            `after`
+                            `after`,
                         )}
                     */
                     @keyframes after {}
@@ -433,7 +433,7 @@ describe(`features/css-keyframes`, () => {
                 '/entry.st.css': `
                     /* @transform-error word(unknown) ${keyframesDiagnostics.UNKNOWN_IMPORTED_KEYFRAMES(
                         `unknown`,
-                        `./imported.st.css`
+                        `./imported.st.css`,
                     )} */
                     @st-import [keyframes(unknown as local)] from './imported.st.css';
                 `,
@@ -493,7 +493,7 @@ describe(`features/css-keyframes`, () => {
 
             expect(
                 sheets[`/entry.st.css`].meta.targetAst?.toString().match(/@keyframes/g)!.length,
-                `only original @keyframes`
+                `only original @keyframes`,
             ).to.eql(1);
         });
         it(`should mix class with mixin context @keyframes`, () => {
@@ -518,7 +518,7 @@ describe(`features/css-keyframes`, () => {
 
             expect(
                 sheets[`/entry.st.css`].meta.targetAst?.toString(),
-                `@keyframes referenced & not copied`
+                `@keyframes referenced & not copied`,
             ).to.not.include(`@keyframes`);
         });
         it(`should mix root with with copy of @keyframes`, () => {
@@ -602,7 +602,7 @@ describe(`features/css-keyframes`, () => {
                         @transform-error ${mixinDiagnostics.INVALID_MERGE_OF(
                             `0%:hover {
                     color: red;
-                }`
+                }`,
                         )}
                         @rule[0] 0% { color: green } 
                         @rule[1] 100% { } 
@@ -644,7 +644,7 @@ describe(`features/css-keyframes`, () => {
                     .x {
                         animation: jump;
                     }
-                `)
+                `),
             );
 
             // JS exports
@@ -658,7 +658,7 @@ describe(`features/css-keyframes`, () => {
             const { meta: nativeMeta } = stylable.transform('/native.css');
 
             expect(nativeMeta.targetAst?.toString().trim(), 'no native transform').to.eql(
-                '@keyframes st-global(name) {}'
+                '@keyframes st-global(name) {}',
             );
         });
     });
diff --git a/packages/core/test/features/css-layer.spec.ts b/packages/core/test/features/css-layer.spec.ts
index b0401f17d9..5b6209325b 100644
--- a/packages/core/test/features/css-layer.spec.ts
+++ b/packages/core/test/features/css-layer.spec.ts
@@ -225,7 +225,7 @@ describe('features/css-layer', () => {
 
             /*
                 @analyze-error(reserved wide keywords) word(initial) ${cssLayerDiagnostics.RESERVED_KEYWORD(
-                    'initial'
+                    'initial',
                 )}
                 @atrule(reserved wide keywords) initial
             */
@@ -352,7 +352,7 @@ describe('features/css-layer', () => {
                 '/entry.st.css': `
                     /* @transform-error word(unknown) ${cssLayerDiagnostics.UNKNOWN_IMPORTED_LAYER(
                         `unknown`,
-                        `./imported.st.css`
+                        `./imported.st.css`,
                     )} */
                     @st-import [layer(unknown as local)] from './imported.st.css';
                 `,
@@ -435,7 +435,7 @@ describe('features/css-layer', () => {
                 .into {
                     -st-mixin: mix;
                 }
-            `)
+            `),
             );
 
             const { meta } = sheets['/entry.st.css'];
@@ -456,7 +456,7 @@ describe('features/css-layer', () => {
                 @layer entry__x {
                     .entry__into { id: mix-in-layer; }
                 }
-            `)
+            `),
             );
         });
     });
@@ -580,7 +580,7 @@ describe('features/css-layer', () => {
                 deindent(`
                     @layer a, b;
                     @layer c {}
-                `)
+                `),
             );
 
             // JS exports
@@ -600,7 +600,7 @@ describe('features/css-layer', () => {
                 deindent(`
                     @layer a, st-global(b);
                     @layer st-global(c) {}
-                `)
+                `),
             );
         });
     });
diff --git a/packages/core/test/features/css-pseudo-class.spec.ts b/packages/core/test/features/css-pseudo-class.spec.ts
index a517949fa5..f87e71ff35 100644
--- a/packages/core/test/features/css-pseudo-class.spec.ts
+++ b/packages/core/test/features/css-pseudo-class.spec.ts
@@ -25,7 +25,7 @@ describe('features/css-pseudo-class', () => {
         testStylableCore(`
             /* 
                 @transform-error ${cssPseudoClassDiagnostics.UNKNOWN_STATE_USAGE(
-                    'unknown-p-class'
+                    'unknown-p-class',
                 )} 
                 @rule .entry__root:unknown-p-class
             */
@@ -59,7 +59,7 @@ describe('features/css-pseudo-class', () => {
                     /* 
                         @transform-error ${stCustomStateDiagnostics.NO_PARAM_REQUIRED(
                             'bool',
-                            'unknown-param'
+                            'unknown-param',
                         )}
                         @rule .invalid__root.invalid--bool
                     */
@@ -142,7 +142,7 @@ describe('features/css-pseudo-class', () => {
                     /* 
                         @transform-error(no param) ${stCustomStateDiagnostics.NO_STATE_ARGUMENT_GIVEN(
                             'rgx',
-                            'string'
+                            'string',
                         )} 
                         @rule(no param) .entry__root.entry---rgx-0-
                     */
@@ -151,7 +151,7 @@ describe('features/css-pseudo-class', () => {
                     /* 
                         @transform-error(no param with parans) ${stCustomStateDiagnostics.NO_STATE_ARGUMENT_GIVEN(
                             'rgx',
-                            'string'
+                            'string',
                         )} 
                         @rule(no param with parans) .entry__root.entry---rgx-0-
                     */
@@ -164,9 +164,9 @@ describe('features/css-pseudo-class', () => {
                             [
                                 STCustomState.sysValidationErrors.string.REGEX_VALIDATION_FAILED(
                                     '^user',
-                                    'robot'
+                                    'robot',
                                 ),
-                            ]
+                            ],
                         )} 
                         @rule(regex) .entry__root.entry---rgx-5-robot
                     */
@@ -179,9 +179,9 @@ describe('features/css-pseudo-class', () => {
                             [
                                 STCustomState.sysValidationErrors.string.CONTAINS_VALIDATION_FAILED(
                                     'abc',
-                                    'xyz'
+                                    'xyz',
                                 ),
-                            ]
+                            ],
                         )} 
                         @rule(contains) .entry__root.entry---cont-3-xyz
                     */
@@ -194,13 +194,13 @@ describe('features/css-pseudo-class', () => {
                             [
                                 STCustomState.sysValidationErrors.string.MIN_LENGTH_VALIDATION_FAILED(
                                     '10',
-                                    '12345'
+                                    '12345',
                                 ),
                                 STCustomState.sysValidationErrors.string.MAX_LENGTH_VALIDATION_FAILED(
                                     '2',
-                                    '12345'
+                                    '12345',
                                 ),
-                            ]
+                            ],
                         )} 
                         @rule(multi) .entry__root.entry---multi-5-12345
                     */
@@ -274,7 +274,7 @@ describe('features/css-pseudo-class', () => {
                     /* 
                         @transform-error(no param) ${stCustomStateDiagnostics.NO_STATE_ARGUMENT_GIVEN(
                             'base',
-                            'number'
+                            'number',
                         )} 
                         @rule(no param) .entry__root.entry---base-0-
                     */
@@ -283,7 +283,7 @@ describe('features/css-pseudo-class', () => {
                     /* 
                         @transform-error(no param with parans) ${stCustomStateDiagnostics.NO_STATE_ARGUMENT_GIVEN(
                             'base',
-                            'number'
+                            'number',
                         )} 
                         @rule(no param with parans) .entry__root.entry---base-0-
                     */
@@ -295,9 +295,9 @@ describe('features/css-pseudo-class', () => {
                             'text',
                             [
                                 STCustomState.sysValidationErrors.number.NUMBER_TYPE_VALIDATION_FAILED(
-                                    'text'
+                                    'text',
                                 ),
-                            ]
+                            ],
                         )} 
                         @rule(base) .entry__root.entry---base-4-text
                     */
@@ -310,9 +310,9 @@ describe('features/css-pseudo-class', () => {
                             [
                                 STCustomState.sysValidationErrors.number.MIN_VALIDATION_FAILED(
                                     '4',
-                                    '5'
+                                    '5',
                                 ),
-                            ]
+                            ],
                         )} 
                         @rule(min) .entry__root.entry---minFive-1-4
                     */
@@ -325,9 +325,9 @@ describe('features/css-pseudo-class', () => {
                             [
                                 STCustomState.sysValidationErrors.number.MAX_VALIDATION_FAILED(
                                     '6',
-                                    '5'
+                                    '5',
                                 ),
-                            ]
+                            ],
                         )} 
                         @rule(max) .entry__root.entry---maxFive-1-6
                     */
@@ -340,9 +340,9 @@ describe('features/css-pseudo-class', () => {
                             [
                                 STCustomState.sysValidationErrors.number.MULTIPLE_OF_VALIDATION_FAILED(
                                     '4',
-                                    '3'
+                                    '3',
                                 ),
-                            ]
+                            ],
                         )} 
                         @rule(multipleOf) .entry__root.entry---multipleOfThree-1-4
                     */
@@ -355,13 +355,13 @@ describe('features/css-pseudo-class', () => {
                             [
                                 STCustomState.sysValidationErrors.number.MIN_VALIDATION_FAILED(
                                     '7',
-                                    '10'
+                                    '10',
                                 ),
                                 STCustomState.sysValidationErrors.number.MULTIPLE_OF_VALIDATION_FAILED(
                                     '7',
-                                    '2'
+                                    '2',
                                 ),
-                            ]
+                            ],
                         )} 
                         @rule(multi validations) .entry__root.entry---multi-1-7
                     */
@@ -396,7 +396,7 @@ describe('features/css-pseudo-class', () => {
                     /* 
                         @transform-error(no param) ${stCustomStateDiagnostics.NO_STATE_ARGUMENT_GIVEN(
                             'size',
-                            'enum'
+                            'enum',
                         )} 
                         @rule(no param) .entry__root.entry---size-0-
                     */
@@ -405,7 +405,7 @@ describe('features/css-pseudo-class', () => {
                     /* 
                         @transform-error(no param with parans) ${stCustomStateDiagnostics.NO_STATE_ARGUMENT_GIVEN(
                             'size',
-                            'enum'
+                            'enum',
                         )} 
                         @rule(no param with parans) .entry__root.entry---size-0-
                     */
@@ -418,9 +418,9 @@ describe('features/css-pseudo-class', () => {
                             [
                                 STCustomState.sysValidationErrors.enum.ENUM_TYPE_VALIDATION_FAILED(
                                     'huge',
-                                    ['small', 'large']
+                                    ['small', 'large'],
                                 ),
-                            ]
+                            ],
                         )} 
                         @rule .entry__root.entry---size-4-huge
                     */
@@ -452,7 +452,7 @@ describe('features/css-pseudo-class', () => {
                     /* 
                         @transform-error ${stCustomStateDiagnostics.NO_PARAM_REQUIRED(
                             'static',
-                            'unknown-param'
+                            'unknown-param',
                         )}
                         @rule .entry__root[y]
                     */
@@ -465,7 +465,7 @@ describe('features/css-pseudo-class', () => {
                         /* 
                             @analyze-error(not-compound) ${stCustomStateDiagnostics.UNSUPPORTED_COMPLEX_SELECTOR(
                                 'notCompound',
-                                '.x .y'
+                                '.x .y',
                             )}
                         */
                         -st-states: notCompound(".x .y");
@@ -474,7 +474,7 @@ describe('features/css-pseudo-class', () => {
                         /* 
                             @analyze-error(multi) ${stCustomStateDiagnostics.UNSUPPORTED_MULTI_SELECTOR(
                                 'multi',
-                                '.x, .y'
+                                '.x, .y',
                             )}
                         */
                         -st-states: multi(".x, .y");
@@ -483,7 +483,7 @@ describe('features/css-pseudo-class', () => {
                         /* 
                             @analyze-error(invalid) ${stCustomStateDiagnostics.INVALID_SELECTOR(
                                 'invalid',
-                                ':unclosed('
+                                ':unclosed(',
                             )}
                         */
                         -st-states: invalid(":unclosed(");
@@ -492,11 +492,11 @@ describe('features/css-pseudo-class', () => {
                         /* 
                             @analyze-error(invalidStart) ${stCustomStateDiagnostics.UNSUPPORTED_INITIAL_SELECTOR(
                                 'invalidStartElement',
-                                'div.x'
+                                'div.x',
                             )}
                             @analyze-error(invalidStart) ${stCustomStateDiagnostics.UNSUPPORTED_INITIAL_SELECTOR(
                                 'invalidStartWildcard',
-                                '*.x'
+                                '*.x',
                             )}
                         */
                         -st-states: invalidStartElement("div.x"), invalidStartWildcard("*.x");
@@ -571,7 +571,7 @@ describe('features/css-pseudo-class', () => {
                     /* 
                         @transform-error(multi) ${stCustomStateDiagnostics.UNSUPPORTED_MULTI_SELECTOR(
                             'classAndThenParam',
-                            '.x.a,.b'
+                            '.x.a,.b',
                         )}
                         @rule(multi) .entry__root:classAndThenParam(.a,.b) 
                     */
@@ -580,7 +580,7 @@ describe('features/css-pseudo-class', () => {
                     /* 
                         @transform-error(complex) ${stCustomStateDiagnostics.UNSUPPORTED_COMPLEX_SELECTOR(
                             'classAndThenParam',
-                            '.x.a .b'
+                            '.x.a .b',
                         )}
                         @rule(complex) .entry__root:classAndThenParam(.a .b) 
                     */
@@ -589,7 +589,7 @@ describe('features/css-pseudo-class', () => {
                     /* 
                         @transform-error(invalid) ${stCustomStateDiagnostics.INVALID_SELECTOR(
                             'classAndThenParam',
-                            '.x:unclosed('
+                            '.x:unclosed(',
                         )}
                         @rule(invalid) .entry__root:classAndThenParam(":unclosed(") 
                     */
@@ -598,7 +598,7 @@ describe('features/css-pseudo-class', () => {
                     /* 
                         @transform-error(invalid start) ${stCustomStateDiagnostics.UNSUPPORTED_INITIAL_SELECTOR(
                             'paramAndThenClass',
-                            'div.x'
+                            'div.x',
                         )}
                         @rule(invalid start) .entry__root:paramAndThenClass(div) 
                     */
@@ -607,7 +607,7 @@ describe('features/css-pseudo-class', () => {
                     /* 
                         @transform-error(invalid start2) ${stCustomStateDiagnostics.UNSUPPORTED_INITIAL_SELECTOR(
                             'paramAndThenClass',
-                            '*.x'
+                            '*.x',
                         )}
                         @rule(invalid start2) .entry__root:paramAndThenClass(*) 
                     */
@@ -619,9 +619,9 @@ describe('features/css-pseudo-class', () => {
                             'text',
                             [
                                 STCustomState.sysValidationErrors.number.NUMBER_TYPE_VALIDATION_FAILED(
-                                    'text'
+                                    'text',
                                 ),
-                            ]
+                            ],
                         )} 
                         @rule(param validation) .entry__root[size='text']
                     */
@@ -661,7 +661,7 @@ describe('features/css-pseudo-class', () => {
                             return namespace + '.';
                         },
                     },
-                }
+                },
             );
 
             const { meta } = sheets['/entry.st.css'];
@@ -710,7 +710,7 @@ describe('features/css-pseudo-class', () => {
 
             const ruleWithComment = meta.targetAst?.nodes[9] as postcss.Rule;
             expect(ruleWithComment.selector, 'compound+nested+comment').to.eql(
-                '.entry__a/**/:is(.entry__b, .entry__c).entry--shared'
+                '.entry__a/**/:is(.entry__b, .entry__c).entry--shared',
             );
 
             shouldReportNoDiagnostics(meta);
@@ -725,7 +725,7 @@ describe('features/css-pseudo-class', () => {
 
                         /* 
                             @transform-error(compound missing) word(shared) ${cssPseudoClassDiagnostics.UNKNOWN_STATE_USAGE(
-                                'shared'
+                                'shared',
                             )} 
                             @rule(compound missing) .entry__x:is(.entry__a, .entry__b):shared 
                         */
@@ -733,14 +733,14 @@ describe('features/css-pseudo-class', () => {
 
                         /* 
                             @transform-error(compound+nested+comment) word(shared) ${cssPseudoClassDiagnostics.UNKNOWN_STATE_USAGE(
-                                'shared'
+                                'shared',
                             )} 
                         */
                         .x/**/:is(.a, .b):shared {}
 
                         /* 
                             @transform-error(state type differ) word(shared) ${cssPseudoClassDiagnostics.UNKNOWN_STATE_USAGE(
-                                'shared'
+                                'shared',
                             )} 
                             @rule(compound missing) .entry__y:is(.entry__a, .entry__b):shared 
                         */
@@ -752,7 +752,7 @@ describe('features/css-pseudo-class', () => {
 
             const ruleWithComment = meta.targetAst?.nodes[7] as postcss.Rule;
             expect(ruleWithComment.selector, 'compound+nested+comment').to.eql(
-                '.entry__x/**/:is(.entry__a, .entry__b):shared'
+                '.entry__x/**/:is(.entry__a, .entry__b):shared',
             );
         });
         it('should infer complex states', () => {
@@ -767,7 +767,7 @@ describe('features/css-pseudo-class', () => {
 
                         /* 
                             @transform-error(compound missing) word(shared) ${cssPseudoClassDiagnostics.UNKNOWN_STATE_USAGE(
-                                'shared'
+                                'shared',
                             )} 
                             @rule(match) .entry__a:is(.entry__x):shared(x123x)
                         */
@@ -944,7 +944,7 @@ describe('features/css-pseudo-class', () => {
         
                     /* 
                         @transform-error(unique) word(unique) ${cssPseudoClassDiagnostics.UNKNOWN_STATE_USAGE(
-                            'unique'
+                            'unique',
                         )} 
                         @rule(unique) .entry__root .a__root:unique,.entry__root .b__root:unique 
                     */
@@ -952,7 +952,7 @@ describe('features/css-pseudo-class', () => {
 
                     /* 
                         @transform-error(only in 1) word(onlyInA) ${cssPseudoClassDiagnostics.UNKNOWN_STATE_USAGE(
-                            'onlyInA'
+                            'onlyInA',
                         )} 
                         @rule(only in 1) .entry__root .a__root:onlyInA,.entry__root .b__root:onlyInA 
                     */
diff --git a/packages/core/test/features/css-pseudo-element.spec.ts b/packages/core/test/features/css-pseudo-element.spec.ts
index 0ce9fc47cf..f22643f60a 100644
--- a/packages/core/test/features/css-pseudo-element.spec.ts
+++ b/packages/core/test/features/css-pseudo-element.spec.ts
@@ -300,7 +300,7 @@ describe('features/css-pseudo-element', () => {
         
                     /* 
                         @transform-error(exist in 1) word(onlyInA) ${transformerStringDiagnostics.UNKNOWN_PSEUDO_ELEMENT(
-                            `onlyInA`
+                            `onlyInA`,
                         )}
                         @rule(exist in 1) .entry__root .a__root::onlyInA,.entry__root .b__root::onlyInA 
                     */
@@ -330,7 +330,7 @@ describe('features/css-pseudo-element', () => {
                 */
                 .root:not(:--part) {}
             `,
-                { stylableConfig: { experimentalSelectorInference: false } }
+                { stylableConfig: { experimentalSelectorInference: false } },
             );
         });
     });
diff --git a/packages/core/test/features/css-type.spec.ts b/packages/core/test/features/css-type.spec.ts
index 33815ef2c9..9f2cd1e0bf 100644
--- a/packages/core/test/features/css-type.spec.ts
+++ b/packages/core/test/features/css-type.spec.ts
@@ -27,7 +27,7 @@ describe(`features/css-type`, () => {
         expect(CSSType.get(meta, `Btn`), `collect capital letters`).to.deep.contain(
             CSSType.createSymbol({
                 name: 'Btn',
-            })
+            }),
         );
         expect(CSSType.get(meta, `div`), `ignore lowercase`).to.eql(undefined);
         expect(STSymbol.get(meta, `Btn`), `general symbols`).to.equal(CSSType.get(meta, `Btn`));
@@ -38,7 +38,7 @@ describe(`features/css-type`, () => {
 
         // public API
         expect(meta.getTypeElement(`Btn`), `meta.getTypeElement`).to.equal(
-            CSSType.get(meta, `Btn`)
+            CSSType.get(meta, `Btn`),
         );
         expect(meta.getAllTypeElements(), `meta.getAllTypeElements`).to.eql(CSSType.getAll(meta));
     });
@@ -48,7 +48,7 @@ describe(`features/css-type`, () => {
                 @rule(functional element type) div()
                 @analyze-error(functional element type) ${cssTypeDiagnostics.INVALID_FUNCTIONAL_SELECTOR(
                     `div`,
-                    `type`
+                    `type`,
                 )}
             */
             div() {}
@@ -61,7 +61,7 @@ describe(`features/css-type`, () => {
         */
         const { sheets } = testStylableCore(`
                 /* @analyze-warn word(button) ${cssTypeDiagnostics.UNSCOPED_TYPE_SELECTOR(
-                    `button`
+                    `button`,
                 )} */
                 button {}
 
@@ -120,13 +120,13 @@ describe(`features/css-type`, () => {
                 CSSType.createSymbol({
                     name: 'Before',
                     alias: STImport.createImportSymbol(importBeforeDef, `default`, `default`, `/`),
-                })
+                }),
             );
             expect(CSSType.get(meta, `After`), `after type symbol`).to.eql(
                 CSSType.createSymbol({
                     name: 'After',
                     alias: STImport.createImportSymbol(importAfterDef, `default`, `default`, `/`),
-                })
+                }),
             );
 
             // JS exports
@@ -161,13 +161,13 @@ describe(`features/css-type`, () => {
                 CSSType.createSymbol({
                     name: 'BeforePart',
                     alias: STImport.createImportSymbol(importBeforeDef, `named`, `BeforePart`, `/`),
-                })
+                }),
             );
             expect(CSSType.get(meta, `AfterPart`), `after type symbol`).to.eql(
                 CSSType.createSymbol({
                     name: 'AfterPart',
                     alias: STImport.createImportSymbol(importAfterDef, `named`, `AfterPart`, `/`),
-                })
+                }),
             );
 
             // JS exports
@@ -203,13 +203,13 @@ describe(`features/css-type`, () => {
                 CSSType.createSymbol({
                     name: 'BeforePart',
                     alias: STImport.createImportSymbol(importBeforeDef, `named`, `BeforePart`, `/`),
-                })
+                }),
             );
             expect(CSSType.get(meta, `AfterPart`), `after type symbol`).to.eql(
                 CSSType.createSymbol({
                     name: 'AfterPart',
                     alias: STImport.createImportSymbol(importAfterDef, `named`, `AfterPart`, `/`),
-                })
+                }),
             );
             // JS exports
             expect(exports.classes, `not add as classes exports`).to.eql({
@@ -241,7 +241,7 @@ describe(`features/css-type`, () => {
                     @st-import [importedPart] from "./classes.st.css";
 
                     /* @analyze-warn word(importedPart) ${cssTypeDiagnostics.UNSCOPED_TYPE_SELECTOR(
-                        `importedPart`
+                        `importedPart`,
                     )} */
                     importedPart {}
                 `,
diff --git a/packages/core/test/features/st-custom-selector.spec.ts b/packages/core/test/features/st-custom-selector.spec.ts
index b7b67cc989..2074fa05f0 100644
--- a/packages/core/test/features/st-custom-selector.spec.ts
+++ b/packages/core/test/features/st-custom-selector.spec.ts
@@ -62,13 +62,13 @@ describe('features/st-custom-selector', () => {
     it('should handle unknown custom selector', () => {
         testStylableCore(`
             /* @analyze-error(in custom) word(:--unknown) ${customSelectorDiagnostics.UNKNOWN_CUSTOM_SELECTOR(
-                ':--unknown'
+                ':--unknown',
             )} */
             @custom-selector :--x .before:--unknown.after;
 
             /* 
                 @transform-error(in selector) word(--unknown)  ${pseudoClassDiagnostics.UNKNOWN_STATE_USAGE(
-                    '--unknown'
+                    '--unknown',
                 )} 
                 @rule .entry__before:--unknown.entry__after {}
             */
@@ -96,7 +96,7 @@ describe('features/st-custom-selector', () => {
 
         expect(
             meta.diagnostics.reports.length,
-            'only a single unscoped diagnostic for span'
+            'only a single unscoped diagnostic for span',
         ).to.eql(1);
     });
     it('should transform multiple selector intersection', () => {
diff --git a/packages/core/test/features/st-custom-state.spec.ts b/packages/core/test/features/st-custom-state.spec.ts
index c3a19652cb..a9091e0938 100644
--- a/packages/core/test/features/st-custom-state.spec.ts
+++ b/packages/core/test/features/st-custom-state.spec.ts
@@ -168,7 +168,7 @@ describe('features/st-custom-state', () => {
                 .a {
                     /* @analyze-error ${stCustomStateDiagnostics.UNKNOWN_STATE_TYPE(
                         's1',
-                        'unknown'
+                        'unknown',
                     )} */
                     -st-states: s1(unknown);
                 }
@@ -187,7 +187,7 @@ describe('features/st-custom-state', () => {
                     /* @transform-error ${stCustomStateDiagnostics.DEFAULT_PARAM_FAILS_VALIDATION(
                         'e1',
                         '',
-                        [STCustomState.sysValidationErrors.enum.NO_OPTIONS_DEFINED()]
+                        [STCustomState.sysValidationErrors.enum.NO_OPTIONS_DEFINED()],
                     )} */
                     -st-states: e1(enum());
                 }
@@ -198,26 +198,26 @@ describe('features/st-custom-state', () => {
                 .a {
                     /* @analyze-warn(missing placeholder) word(.no-placeholder) ${stCustomStateDiagnostics.TEMPLATE_MISSING_PLACEHOLDER(
                         's1',
-                        '.no-placeholder'
+                        '.no-placeholder',
                     )} */
                     -st-states: s1('.no-placeholder', string);
                 }
                 .b {
                     /* @analyze-error(unexpected param definition) word('.y')  ${stCustomStateDiagnostics.UNKNOWN_STATE_TYPE(
                         's1 parameter',
-                        "'.y'"
+                        "'.y'",
                     )} */
                     -st-states: s1('.b$0', '.y');
                 }
                 .c {
                     /* @analyze-error(missing param definition) ${stCustomStateDiagnostics.TEMPLATE_MISSING_PARAMETER(
-                        's1'
+                        's1',
                     )} */
                     -st-states: s1('.c$0', ,);
                 }
                 .d {
                     /* @analyze-error(multiple parameters) ${stCustomStateDiagnostics.TEMPLATE_MULTI_PARAMETERS(
-                        's1'
+                        's1',
                     )} */
                     -st-states: s1('.c$0', string, number);
                 }
@@ -231,7 +231,7 @@ describe('features/st-custom-state', () => {
                 .a {
                     /* @analyze-error(multi types) ${stCustomStateDiagnostics.TOO_MANY_STATE_TYPES(
                         's1',
-                        ['string', 'number']
+                        ['string', 'number'],
                     )} */
                     -st-states: s1(string, number);
                 }
@@ -239,7 +239,7 @@ describe('features/st-custom-state', () => {
                     /* @analyze-error(multi validation args) ${stCustomStateDiagnostics.TOO_MANY_ARGS_IN_VALIDATOR(
                         's2',
                         'contains',
-                        ['x', 'y']
+                        ['x', 'y'],
                     )} */
                     -st-states: s2(string(contains(x, y)));
                 }
@@ -247,7 +247,7 @@ describe('features/st-custom-state', () => {
                     /* @transform-error(unknown str validator) ${stCustomStateDiagnostics.DEFAULT_PARAM_FAILS_VALIDATION(
                         's3',
                         '',
-                        [STCustomState.sysValidationErrors.string.UKNOWN_VALIDATOR('unknown')]
+                        [STCustomState.sysValidationErrors.string.UKNOWN_VALIDATOR('unknown')],
                     )} */
                     -st-states: s3(string(unknown()));
                 }
@@ -255,7 +255,7 @@ describe('features/st-custom-state', () => {
                     /* @transform-error(unknown num validator) ${stCustomStateDiagnostics.DEFAULT_PARAM_FAILS_VALIDATION(
                         's4',
                         '',
-                        [STCustomState.sysValidationErrors.number.UKNOWN_VALIDATOR('unknown')]
+                        [STCustomState.sysValidationErrors.number.UKNOWN_VALIDATOR('unknown')],
                     )} */
                     -st-states: s4(number(unknown()));
                 }
@@ -272,9 +272,9 @@ describe('features/st-custom-state', () => {
                         'abc',
                         [
                             STCustomState.sysValidationErrors.number.NUMBER_TYPE_VALIDATION_FAILED(
-                                'abc'
+                                'abc',
                             ),
-                        ]
+                        ],
                     )} */
                     -st-states: n1(number) abc;
                 }
@@ -285,9 +285,9 @@ describe('features/st-custom-state', () => {
                         [
                             STCustomState.sysValidationErrors.enum.ENUM_TYPE_VALIDATION_FAILED(
                                 'huge',
-                                ['small', 'large']
+                                ['small', 'large'],
                             ),
-                        ]
+                        ],
                     )} */
                     -st-states: e1(enum(small, large)) huge;
                 }
@@ -297,9 +297,9 @@ describe('features/st-custom-state', () => {
                         'abc',
                         [
                             STCustomState.sysValidationErrors.number.NUMBER_TYPE_VALIDATION_FAILED(
-                                'abc'
+                                'abc',
                             ),
-                        ]
+                        ],
                     )} */
                     -st-states: tn1('[x=$0]', number abc);
                 }
@@ -310,7 +310,7 @@ describe('features/st-custom-state', () => {
             testStylableCore(`
                 .a {
                     /* @analyze-error ${stCustomStateDiagnostics.STATE_STARTS_WITH_HYPHEN(
-                        '-some-state'
+                        '-some-state',
                     )} */
                     -st-states: -some-state;
                 }
diff --git a/packages/core/test/features/st-global.spec.ts b/packages/core/test/features/st-global.spec.ts
index b1bef94681..4a02baee21 100644
--- a/packages/core/test/features/st-global.spec.ts
+++ b/packages/core/test/features/st-global.spec.ts
@@ -130,7 +130,7 @@ describe(`features/st-global`, () => {
                 },
                 {
                     stylableConfig: { experimentalSelectorInference: false },
-                }
+                },
             );
         });
     });
diff --git a/packages/core/test/features/st-import.spec.ts b/packages/core/test/features/st-import.spec.ts
index 3031e8b859..1036852bfa 100644
--- a/packages/core/test/features/st-import.spec.ts
+++ b/packages/core/test/features/st-import.spec.ts
@@ -34,7 +34,7 @@ describe(`features/st-import`, () => {
 
         expect(
             STImport.getImportStatements(meta),
-            `STImport.getImportStatements(meta)`
+            `STImport.getImportStatements(meta)`,
         ).to.containSubset([
             {
                 request: `./no/import`,
@@ -63,7 +63,7 @@ describe(`features/st-import`, () => {
             },
         ]);
         expect(meta.getImportStatements(), `meta.getImportStatements()`).to.eql(
-            STImport.getImportStatements(meta)
+            STImport.getImportStatements(meta),
         );
     });
     it(`should process imported symbols`, () => {
@@ -160,10 +160,10 @@ describe(`features/st-import`, () => {
             'entry.st.css': `
                 /* 
                     @analyze-error word(unknown) ${stImportDiagnostics.UNKNOWN_TYPED_IMPORT(
-                        'unknown'
+                        'unknown',
                     )}
                     @analyze-error word(classes) ${stImportDiagnostics.UNKNOWN_TYPED_IMPORT(
-                        'classes'
+                        'classes',
                     )}
                 */
                 @st-import [unknown(u1, u2), classes(c1, c2)] "./a.st.css";
@@ -205,7 +205,7 @@ describe(`features/st-import`, () => {
             
             /* @analyze-error(invalid mapped custom prop) ${stImportDiagnostics.INVALID_CUSTOM_PROPERTY_AS_VALUE(
                 `--x`,
-                `z`
+                `z`,
             )} */
             @st-import [--x as z] from "./a.st.css"
         `);
@@ -218,13 +218,13 @@ describe(`features/st-import`, () => {
         testStylableCore(`
             /* @transform-error(relative) word(./missing.st.css) ${stImportDiagnostics.UNKNOWN_IMPORTED_FILE(
                 `./missing.st.css`,
-                resolveErrorMessage
+                resolveErrorMessage,
             )} */
             @st-import "./missing.st.css";
 
             /* @transform-error(3rd party) word(missing-package/index.st.css) ${stImportDiagnostics.UNKNOWN_IMPORTED_FILE(
                 `missing-package/index.st.css`,
-                resolveErrorMessagePackage
+                resolveErrorMessagePackage,
             )} */
             @st-import "missing-package/index.st.css";
         `);
@@ -235,13 +235,13 @@ describe(`features/st-import`, () => {
             '/entry.st.css': `
                 /* @transform-error(named) word(unknown) ${stImportDiagnostics.UNKNOWN_IMPORTED_SYMBOL(
                     `unknown`,
-                    `./empty.st.css`
+                    `./empty.st.css`,
                 )} */
                 @st-import [unknown] "./empty.st.css";
                 
                 /* @transform-error(mapped) word(unknown) ${stImportDiagnostics.UNKNOWN_IMPORTED_SYMBOL(
                     `unknown`,
-                    `./empty.st.css`
+                    `./empty.st.css`,
                 )} */
                 @st-import [unknown as local] "./empty.st.css";
             `,
@@ -300,7 +300,7 @@ describe(`features/st-import`, () => {
             const { meta } = sheets['/entry.st.css'];
 
             const reports = meta.diagnostics.reports.filter(
-                ({ message }) => message === stSymbolDiagnostics.REDECLARE_SYMBOL(`Name`)
+                ({ message }) => message === stSymbolDiagnostics.REDECLARE_SYMBOL(`Name`),
             );
             expect(reports.length, `for both default and name`).to.eql(2);
         });
@@ -356,7 +356,7 @@ describe(`features/st-import`, () => {
 
             expect(
                 STImport.getImportStatements(meta),
-                `STImport.getImportStatements(meta)`
+                `STImport.getImportStatements(meta)`,
             ).to.containSubset([
                 {
                     request: `./no/import`,
@@ -385,7 +385,7 @@ describe(`features/st-import`, () => {
                 },
             ]);
             expect(meta.getImportStatements(), `meta.getImportStatements()`).to.eql(
-                STImport.getImportStatements(meta)
+                STImport.getImportStatements(meta),
             );
         });
         it(`should process imported symbols`, () => {
@@ -483,10 +483,10 @@ describe(`features/st-import`, () => {
                 'entry.st.css': `
                     /*
                         @analyze-error word(unknown) ${stImportDiagnostics.UNKNOWN_TYPED_IMPORT(
-                            'unknown'
+                            'unknown',
                         )}
                         @analyze-error word(classes) ${stImportDiagnostics.UNKNOWN_TYPED_IMPORT(
-                            'classes'
+                            'classes',
                         )}
                     */
                     :import {
@@ -534,7 +534,7 @@ describe(`features/st-import`, () => {
                 
                 /* @analyze-error(invalid mapped custom prop) ${stImportDiagnostics.INVALID_CUSTOM_PROPERTY_AS_VALUE(
                     `--x`,
-                    `z`
+                    `z`,
                 )} */
                 :import {
                     -st-from: "./a.st.css";
@@ -557,7 +557,7 @@ describe(`features/st-import`, () => {
                     -st-from:"./imported.st.css";
                     -st-default:Comp;
                     /* @analyze-warn(unknown declaration) word(color) ${stImportDiagnostics.ILLEGAL_PROP_IN_IMPORT(
-                        `color`
+                        `color`,
                     )} */
                     color:red;
                 }
@@ -572,7 +572,7 @@ describe(`features/st-import`, () => {
                 :import{
                     /* @transform-error(relative) word(./missing.st.css) ${stImportDiagnostics.UNKNOWN_IMPORTED_FILE(
                         `./missing.st.css`,
-                        resolveErrorMessage
+                        resolveErrorMessage,
                     )} */
                     -st-from: "./missing.st.css";
                 }
@@ -580,7 +580,7 @@ describe(`features/st-import`, () => {
                 :import{
                     /* @transform-error(3rd party) word(missing-package/index.st.css) ${stImportDiagnostics.UNKNOWN_IMPORTED_FILE(
                         `missing-package/index.st.css`,
-                        resolveErrorMessagePackage
+                        resolveErrorMessagePackage,
                     )} */
                     -st-from: "missing-package/index.st.css";
                 }
@@ -594,7 +594,7 @@ describe(`features/st-import`, () => {
                         -st-from: "./empty.st.css";
                         /* @transform-error(named) word(unknown) ${stImportDiagnostics.UNKNOWN_IMPORTED_SYMBOL(
                             `unknown`,
-                            `./empty.st.css`
+                            `./empty.st.css`,
                         )} */
                         -st-named: unknown;
                     }
@@ -603,7 +603,7 @@ describe(`features/st-import`, () => {
                         -st-from: "./empty.st.css";
                         /* @transform-error(mapped) word(unknown) ${stImportDiagnostics.UNKNOWN_IMPORTED_SYMBOL(
                             `unknown`,
-                            `./empty.st.css`
+                            `./empty.st.css`,
                         )} */
                         -st-named: unknown as local;
                     }
@@ -614,7 +614,7 @@ describe(`features/st-import`, () => {
             testStylableCore({
                 '/entry.st.css': `
                     /* @analyze-error ${stImportDiagnostics.FORBIDDEN_DEF_IN_COMPLEX_SELECTOR(
-                        `:import`
+                        `:import`,
                     )} */
                     .gaga:import {
                         -st-from: "./file.st.css";
@@ -656,7 +656,7 @@ describe(`features/st-import`, () => {
                 const { meta } = sheets['/entry.st.css'];
 
                 const reports = meta.diagnostics.reports.filter(
-                    ({ message }) => message === stSymbolDiagnostics.REDECLARE_SYMBOL(`Name`)
+                    ({ message }) => message === stSymbolDiagnostics.REDECLARE_SYMBOL(`Name`),
                 );
                 expect(reports.length, `for both default and name`).to.eql(2);
             });
diff --git a/packages/core/test/features/st-mixin.spec.ts b/packages/core/test/features/st-mixin.spec.ts
index abaaceb40b..20a030c4d6 100644
--- a/packages/core/test/features/st-mixin.spec.ts
+++ b/packages/core/test/features/st-mixin.spec.ts
@@ -311,7 +311,7 @@ describe(`features/st-mixin`, () => {
                 @media (min-width: 789px) {
                     .valid__root { color: purple; }
                 }
-            `)
+            `),
         );
     });
     it(`should report unknown args`, () => {
@@ -370,7 +370,7 @@ describe(`features/st-mixin`, () => {
             .root {
                 /* @transform-error ${mixinDiagnostics.UNSUPPORTED_MIXIN_SYMBOL(
                     `--customPropX`,
-                    'cssVar'
+                    'cssVar',
                 )} */
                 -st-mixin: --customPropX;
             }
@@ -403,7 +403,7 @@ describe(`features/st-mixin`, () => {
                         return meta;
                     },
                 },
-            }
+            },
         );
     });
     describe('css nesting', () => {
@@ -435,7 +435,7 @@ describe(`features/st-mixin`, () => {
                         color: green;
                     }
                 }
-            `)
+            `),
             );
         });
         it('should preserve nesting selector', () => {
@@ -466,7 +466,7 @@ describe(`features/st-mixin`, () => {
                         color: green;
                     }
                 }
-            `)
+            `),
             );
         });
         it('should mix into nesting context', () => {
@@ -501,7 +501,7 @@ describe(`features/st-mixin`, () => {
                     }
                     }
                 }
-            `)
+            `),
             );
         });
         it('should report recursive mixin ', () => {
@@ -534,7 +534,7 @@ describe(`features/st-mixin`, () => {
                         color: green;
                     }
                 }
-            `)
+            `),
             );
         });
         it('should mix nested at-rules with content', () => {
@@ -571,7 +571,7 @@ describe(`features/st-mixin`, () => {
                         }
                     }
                 }
-            `)
+            `),
             );
         });
         it('should nest any declaration following nested mixed-in rules', () => {
@@ -612,7 +612,7 @@ describe(`features/st-mixin`, () => {
                         declD: 4;
                     }
                 }
-            `)
+            `),
             );
         });
         it('should nest mixin decls that follow another mixin with nested nodes', () => {
@@ -652,7 +652,7 @@ describe(`features/st-mixin`, () => {
                         color: blue;
                     }
                 }
-            `)
+            `),
             );
         });
     });
@@ -793,7 +793,7 @@ describe(`features/st-mixin`, () => {
                     /* @rule .entry__root { color: green } */
                     .root {
                         /* @transform-warn word(unknown) ${mixinDiagnostics.UNKNOWN_ARG(
-                            'unknown'
+                            'unknown',
                         )} */
                         -st-mixin: mix(
                             a green, 
@@ -1137,7 +1137,7 @@ describe(`features/st-mixin`, () => {
                 /*  @rule(v1) .entry__a { } */
                 .a {
                     /* @transform-error word(mix-color) ${mixinDiagnostics.PARTIAL_MIXIN_MISSING_ARGUMENTS(
-                        `mix-color`
+                        `mix-color`,
                     )} */
                     -st-partial-mixin: mix-color();
                 }
@@ -1546,7 +1546,7 @@ describe(`features/st-mixin`, () => {
                     }
 
                     /* @transform-error(mix throw) word(throw) ${mixinDiagnostics.FAILED_TO_APPLY_MIXIN(
-                        `bug in js mix`
+                        `bug in js mix`,
                     )} */
                     .a {
                         -st-mixin: throw;
@@ -2058,7 +2058,7 @@ describe(`features/st-mixin`, () => {
                     }
                 `,
                 },
-                { stylableConfig: { experimentalSelectorInference: false } }
+                { stylableConfig: { experimentalSelectorInference: false } },
             );
 
             const { meta } = sheets['/entry.st.css'];
@@ -2089,7 +2089,7 @@ describe(`features/st-mixin`, () => {
                 deindent(`
                     .entry__into {}
                         .entry__into .mix__inside { color: green; }
-                `)
+                `),
             );
         });
     });
@@ -2240,7 +2240,7 @@ describe(`features/st-mixin`, () => {
                     meta.targetAst!.nodes[2] as postcss.Container,
                     0,
                     '.entry__a',
-                    'id: nested'
+                    'id: nested',
                 );
             });
             it(`should mix @media queries for nested JS mixin`, () => {
@@ -2275,7 +2275,7 @@ describe(`features/st-mixin`, () => {
                     meta.targetAst!.nodes[2] as postcss.Container,
                     0,
                     '.entry__a',
-                    'id: nested'
+                    'id: nested',
                 );
             });
             it(`should mix @media queries as part of root mixin`, () => {
@@ -2309,7 +2309,7 @@ describe(`features/st-mixin`, () => {
                     meta.targetAst!.nodes[3] as postcss.Container,
                     0,
                     '.entry__a .mixin__mix',
-                    'id: nested'
+                    'id: nested',
                 );
             });
         });
@@ -2345,7 +2345,7 @@ describe(`features/st-mixin`, () => {
                     meta.targetAst!.nodes[2] as postcss.Container,
                     0,
                     '.entry__a',
-                    'id: nested'
+                    'id: nested',
                 );
             });
             it(`should mix @supports queries for nested JS mixin`, () => {
@@ -2380,7 +2380,7 @@ describe(`features/st-mixin`, () => {
                     meta.targetAst!.nodes[2] as postcss.Container,
                     0,
                     '.entry__a',
-                    'id: nested'
+                    'id: nested',
                 );
             });
             it(`should mix @supports queries as part of root mixin`, () => {
@@ -2414,7 +2414,7 @@ describe(`features/st-mixin`, () => {
                     meta.targetAst!.nodes[3] as postcss.Container,
                     0,
                     '.entry__a .mixin__mix',
-                    'id: nested'
+                    'id: nested',
                 );
             });
         });
@@ -2473,7 +2473,7 @@ describe(`features/st-mixin`, () => {
                 {
                     diagnostics,
                     resolveOptionalArgs: true,
-                }
+                },
             );
 
             expect(resolvedMixins[0], 'local-mix').to.eql({
@@ -2524,7 +2524,7 @@ describe(`features/st-mixin`, () => {
             });
             expect(
                 jsMix.kind === 'js-func' && jsMix.func(['color', 'green']),
-                'importedFuncMix func ref'
+                'importedFuncMix func ref',
             ).to.eql({ color: 'green!' });
             expect(diagnostics.reports, 'diagnostics').to.containSubset([
                 STMixin.diagnostics.UNKNOWN_MIXIN('unknownBetweenMix'),
diff --git a/packages/core/test/features/st-namespace.spec.ts b/packages/core/test/features/st-namespace.spec.ts
index 4d33ac2854..532f3fafdd 100644
--- a/packages/core/test/features/st-namespace.spec.ts
+++ b/packages/core/test/features/st-namespace.spec.ts
@@ -40,7 +40,7 @@ describe('features/st-namespace', () => {
         expect(underscoreMeta.namespace, '_underscore meta.namespace').to.eql('_underscore');
         expect(multiDashMeta.namespace, '-multi-dash meta.namespace').to.eql('-multi-dash');
         expect(multiUnderscoreMeta.namespace, '_multi_underscore meta.namespace').to.eql(
-            '_multi_underscore'
+            '_multi_underscore',
         );
         expect(emojiMeta.namespace, 'emoji meta.namespace').to.eql('🤡emoji🤷‍♀️why');
         expect(numbersMeta.namespace, 'numbers meta.namespace').to.eql('numbers-not-at-start789');
@@ -84,17 +84,17 @@ describe('features/st-namespace', () => {
                     // that takes the origin sheet path reference into account
                     resolveNamespace: STNamespace.defaultProcessNamespace,
                 },
-            }
+            },
         );
 
         const AMeta = sheets['/dist/a.st.css'].meta;
         const BMeta = sheets['/dist/b.st.css'].meta;
 
         expect(AMeta.namespace, 'a meta.namespace').to.eql(
-            STNamespace.defaultProcessNamespace('a', resolve('/path/to/a.st.css'))
+            STNamespace.defaultProcessNamespace('a', resolve('/path/to/a.st.css')),
         );
         expect(BMeta.namespace, 'b meta.namespace').to.eql(
-            STNamespace.defaultProcessNamespace('xxx', resolve('/path/to/b.st.css'))
+            STNamespace.defaultProcessNamespace('xxx', resolve('/path/to/b.st.css')),
         );
     });
     it('should collect last namespace definition', () => {
@@ -323,9 +323,9 @@ describe('features/st-namespace', () => {
             expect(meta.namespace, 'meta.namespace').to.eql('button');
             expect(
                 meta.targetAst!.toString(),
-                'not removed because @st-namespace exist'
+                'not removed because @st-namespace exist',
             ).to.satisfy((output: string) =>
-                ['@namespace "ns1";', '@namespace "ns2";'].every((def) => output.includes(def))
+                ['@namespace "ns1";', '@namespace "ns2";'].every((def) => output.includes(def)),
             );
         });
         it('should not use @namespace with prefix, url() or invalid namespace', () => {
@@ -353,7 +353,7 @@ describe('features/st-namespace', () => {
                         '@namespace prefix "button"',
                         '@namespace url("button")',
                         '@namespace prefix url("button")',
-                    ].every((def) => output.includes(def))
+                    ].every((def) => output.includes(def)),
             );
 
             // JS exports
@@ -373,7 +373,7 @@ describe('features/st-namespace', () => {
                             return 'test-' + namespace;
                         },
                     },
-                }
+                },
             );
 
             const aMeta = sheets['/a.st.css'].meta;
diff --git a/packages/core/test/features/st-scope.spec.ts b/packages/core/test/features/st-scope.spec.ts
index f674a74f29..4d58e37d1c 100644
--- a/packages/core/test/features/st-scope.spec.ts
+++ b/packages/core/test/features/st-scope.spec.ts
@@ -66,7 +66,7 @@ describe(`features/st-scope`, () => {
                 .external__root {}
                 span {}
             }
-        `)
+        `),
         );
     });
     it('should prepend scoping selector to nested rules', () => {
@@ -183,15 +183,15 @@ describe(`features/st-scope`, () => {
 
             expect(
                 stylable.stScope.getStScope(queryBySelector(meta, '.direct')!),
-                'direct'
+                'direct',
             ).to.equal(queryStScope(meta, 'a'));
             expect(
                 stylable.stScope.getStScope(queryBySelector(meta, '.nested')!),
-                'nested'
+                'nested',
             ).to.equal(queryStScope(meta, 'b'));
             expect(
                 stylable.stScope.getStScope(queryBySelector(meta, '.error-nested-scope')!),
-                'not-top-level-scope'
+                'not-top-level-scope',
             ).to.equal(undefined);
         });
     });
diff --git a/packages/core/test/features/st-structure.spec.ts b/packages/core/test/features/st-structure.spec.ts
index 654a154502..9bcff85e03 100644
--- a/packages/core/test/features/st-structure.spec.ts
+++ b/packages/core/test/features/st-structure.spec.ts
@@ -22,7 +22,7 @@ describe('@st structure', () => {
         const warnSpy = spyCalls(console, 'warn');
         const filterExpCalls = () =>
             warnSpy.calls.filter(
-                ([msg]) => typeof msg === 'string' && msg === STStructure.experimentalMsg
+                ([msg]) => typeof msg === 'string' && msg === STStructure.experimentalMsg,
             );
 
         // no warn without using @st
@@ -62,7 +62,7 @@ describe('@st structure', () => {
     
                 /* 
                     @transform-error ${transformerStringDiagnostics.UNKNOWN_PSEUDO_ELEMENT(
-                        `customPart`
+                        `customPart`,
                     )}
                     @rule .entry__root::customPart
                 */
@@ -110,7 +110,7 @@ describe('@st structure', () => {
                 @st [abc];
 
                 /* @analyze-error(multi classes) word(.b) ${stStructureDiagnostics.UNEXPECTED_EXTRA_VALUE(
-                    '.b'
+                    '.b',
                 )} */
                 @st .a.b;
             `);
@@ -136,7 +136,7 @@ describe('@st structure', () => {
 
             shouldReportNoDiagnostics(meta);
             expect(exports.classes.abc, 'composed inline def').to.eql(
-                'entry__abc entry__defined-class-inline'
+                'entry__abc entry__defined-class-inline',
             );
         });
         it('should add runtime inherit check (dev mode)', () => {
@@ -163,7 +163,7 @@ describe('@st structure', () => {
                 'entry.st.css' /*extendedFile*/,
                 '.super' /*extendingNode*/,
                 '.entry__super' /*scopedExtendingNode*/,
-                'entry.st.css' /*extendingFile*/
+                'entry.st.css' /*extendingFile*/,
             )
                 .toString()
                 .replace(/\s\s+/g, ' ');
@@ -260,7 +260,7 @@ describe('@st structure', () => {
         it('should report unexpected extra value', () => {
             testStylableCore(`
                 /* @analyze-error word(unexpected value) ${stStructureDiagnostics.UNEXPECTED_EXTRA_VALUE(
-                    'unexpected value'
+                    'unexpected value',
                 )} */
                 @st .empty unexpected value;
             `);
@@ -274,19 +274,19 @@ describe('@st structure', () => {
                 .new {
                     /* @analyze-error(extend) ${classDiagnostics.DISABLED_DIRECTIVE(
                         'new',
-                        '-st-extends'
+                        '-st-extends',
                     )} */
                     -st-extends: old;
 
                     /* @analyze-error(extend) ${classDiagnostics.DISABLED_DIRECTIVE(
                         'new',
-                        '-st-states'
+                        '-st-states',
                     )} */
                     -st-states: xState;
 
                     /* @analyze-error(extend) ${classDiagnostics.DISABLED_DIRECTIVE(
                         'new',
-                        '-st-global'
+                        '-st-global',
                     )} */
                     -st-global: ".xxx";
                 }
@@ -342,12 +342,12 @@ describe('@st structure', () => {
                         @st :bool();
 
                         /* @analyze-error ${stStateDiagnostics.STATE_STARTS_WITH_HYPHEN(
-                            '-dashProxy'
+                            '-dashProxy',
                         )}*/
                         @st :-dashProxy;
 
                         /* @analyze-error ${stStructureDiagnostics.UNEXPECTED_EXTRA_VALUE(
-                            'abc xyz'
+                            'abc xyz',
                         )}*/
                         @st :boolWithExtra abc xyz;
                     }
@@ -373,7 +373,7 @@ describe('@st structure', () => {
 
                     /* @analyze-error word(:conflict) ${stStructureDiagnostics.REDECLARE(
                         'pseudo-state',
-                        ':conflict'
+                        ':conflict',
                     )} */
                     @st :conflict(enum(a, b)) b;
                 }
@@ -596,12 +596,12 @@ describe('@st structure', () => {
 
                         /* @analyze-error word(::duplicate) ${stStructureDiagnostics.REDECLARE(
                             'pseudo-element',
-                            '::duplicate'
+                            '::duplicate',
                         )}*/
                         @st ::duplicate => .b;
                         
                         /* @analyze-error ${stStructureDiagnostics.INVALID_ST_DEF(
-                            ': :invalidSpace => .c'
+                            ': :invalidSpace => .c',
                         )}*/
                         @st : :invalidSpace => .c;
                     }
@@ -699,7 +699,7 @@ describe('@st structure', () => {
 
                     .y {
                         /* @transform-error ${classDiagnostics.CANNOT_EXTEND_UNKNOWN_SYMBOL(
-                            'default'
+                            'default',
                         )} */
                         -st-extends: Default;
                     }
diff --git a/packages/core/test/features/st-symbol.spec.ts b/packages/core/test/features/st-symbol.spec.ts
index 892d09195a..62c20944ee 100644
--- a/packages/core/test/features/st-symbol.spec.ts
+++ b/packages/core/test/features/st-symbol.spec.ts
@@ -129,7 +129,7 @@ describe(`features/st-symbol`, () => {
         expect(STSymbol.get(meta, `localA`)).to.eql(
             CSSClass.createSymbol({
                 name: `A`,
-            })
+            }),
         );
         expect(STSymbol.get(meta, `A`)).to.eql(undefined);
     });
diff --git a/packages/core/test/features/st-var.spec.ts b/packages/core/test/features/st-var.spec.ts
index d3f175399e..49ce770b12 100644
--- a/packages/core/test/features/st-var.spec.ts
+++ b/packages/core/test/features/st-var.spec.ts
@@ -126,7 +126,7 @@ describe(`features/st-var`, () => {
             }
 
             /* @analyze-error(complex selector) ${stVarDiagnostics.FORBIDDEN_DEF_IN_COMPLEX_SELECTOR(
-                `:vars`
+                `:vars`,
             )} */
             .root:vars {}
         `);
@@ -210,7 +210,7 @@ describe(`features/st-var`, () => {
                     @decl(non var symbol) prop: value(part)
                     @transform-error(non var symbol) word(part) ${stVarDiagnostics.CANNOT_USE_AS_VALUE(
                         'class',
-                        `part`
+                        `part`,
                     )} 
                 */
                 prop: value(part);
@@ -218,7 +218,7 @@ describe(`features/st-var`, () => {
                 /* 
                     @decl(unknown 2nd arg) prop: green
                     @transform-error(unknown 2nd arg) ${stVarDiagnostics.MULTI_ARGS_IN_VALUE(
-                        'varA, invalidSecondArgument'
+                        'varA, invalidSecondArgument',
                     )} 
                 */
                 prop: value(varA, invalidSecondArgument);
@@ -228,14 +228,14 @@ describe(`features/st-var`, () => {
         // checks reports words that contain parenthesis (inline test cannot)
         expect(
             meta.transformDiagnostics!.reports[0],
-            `missing var diagnostic word 1`
+            `missing var diagnostic word 1`,
         ).to.deep.contain({
             message: stVarDiagnostics.MISSING_VAR_IN_VALUE(),
             word: `value()`,
         });
         expect(
             meta.transformDiagnostics!.reports[1],
-            `missing var diagnostic word 2`
+            `missing var diagnostic word 2`,
         ).to.deep.contain({
             message: stVarDiagnostics.MISSING_VAR_IN_VALUE(),
             word: `value(, path)`,
@@ -611,10 +611,10 @@ describe(`features/st-var`, () => {
                     /* 
                     @decl(success despite internal path error) prop: deep-value
                     @transform-error(index un-required path) ${stVarDiagnostics.MULTI_ARGS_IN_VALUE(
-                        'arr-key, no-path'
+                        'arr-key, no-path',
                     )} 
                     @transform-error(key un-required path) ${stVarDiagnostics.MULTI_ARGS_IN_VALUE(
-                        'map-key, no-path'
+                        'map-key, no-path',
                     )} 
                     */
                     prop: value(mixed, value(arr-key, no-path), value(map-key, no-path));
@@ -633,12 +633,12 @@ describe(`features/st-var`, () => {
                 }
                 .root {
                     /* @transform-error(1st level) ${stVarDiagnostics.COULD_NOT_RESOLVE_VALUE(
-                        `myVar, unknown`
+                        `myVar, unknown`,
                     )}*/
                     prop: value(myVar, unknown);
 
                     /* @transform-error(2nd level) ${stVarDiagnostics.COULD_NOT_RESOLVE_VALUE(
-                        `myVar, key2, unknown`
+                        `myVar, key2, unknown`,
                     )}*/
                     prop: value(myVar, key2, unknown);
                 }
@@ -647,7 +647,7 @@ describe(`features/st-var`, () => {
             // check valid multiple arguments to value()
             expect(
                 sheets['/entry.st.css'].meta.transformDiagnostics!.reports.length,
-                `only access reports`
+                `only access reports`,
             ).to.eql(2);
         });
         it(`should report deprecated forms`, () => {
@@ -655,19 +655,19 @@ describe(`features/st-var`, () => {
                 :vars {
                     /* @analyze-info(stMap) word(stMap) ${stVarDiagnostics.DEPRECATED_ST_FUNCTION_NAME(
                         `stMap`,
-                        `st-map`
+                        `st-map`,
                     )}*/
                     varA: stMap(a 1);
                     
                     /* @analyze-info(stArray) word(stArray) ${stVarDiagnostics.DEPRECATED_ST_FUNCTION_NAME(
                         `stArray`,
-                        `st-array`
+                        `st-array`,
                     )}*/
                     varA: stArray(a, b);
                     
                     /* @analyze-info(nested) word(stMap) ${stVarDiagnostics.DEPRECATED_ST_FUNCTION_NAME(
                         `stMap`,
-                        `st-map`
+                        `st-map`,
                     )}*/
                     varA: stArray(
                         a,
@@ -684,7 +684,7 @@ describe(`features/st-var`, () => {
                 :vars {
                     /* @transform-error ${
                         stVarDiagnostics.COULD_NOT_RESOLVE_VALUE(
-                            `keyWithoutValue`
+                            `keyWithoutValue`,
                         ) /** TODO - add custom diagnostic for this case */
                     }*/
                     keyWithoutValueMap: stMap(keyWithoutValue);
@@ -714,7 +714,7 @@ describe(`features/st-var`, () => {
                     path,
                     typeExtension.evalVarAst(valueAst, stTypes),
                     valueAst,
-                    stTypes
+                    stTypes,
                 );
                 const dataStructureExpect = expect(dataStructure, `${label} data structure`);
                 deepIncludeTest
@@ -890,7 +890,7 @@ describe(`features/st-var`, () => {
                             @decl(imported sheet) prop: value(Sheet)
                             @transform-error(imported sheet) word(Sheet) ${stVarDiagnostics.CANNOT_USE_AS_VALUE(
                                 `stylesheet`,
-                                `Sheet`
+                                `Sheet`,
                             )} 
                         */
                         prop: value(Sheet);
@@ -899,7 +899,7 @@ describe(`features/st-var`, () => {
                             @decl(imported-class) prop: value(imported-class)
                             @transform-error(imported-class) word(imported-class) ${stVarDiagnostics.CANNOT_USE_AS_VALUE(
                                 `class`,
-                                `imported-class`
+                                `imported-class`,
                             )} 
                         */
                         prop: value(imported-class);
@@ -907,7 +907,7 @@ describe(`features/st-var`, () => {
                         /* 
                             @decl(unknown) prop: value(unknown)
                             @transform-error(unknown) word(unknown) ${stVarDiagnostics.UNKNOWN_VAR(
-                                `unknown`
+                                `unknown`,
                             )} 
                         */
                         prop: value(unknown);
@@ -916,7 +916,7 @@ describe(`features/st-var`, () => {
                             @decl(JS number) prop: value(jsNum)
                             @transform-error(JS number) word(jsNum) ${stVarDiagnostics.CANNOT_USE_JS_AS_VALUE(
                                 `number`,
-                                `jsNum`
+                                `jsNum`,
                             )} 
                         */
                         prop: value(jsNum);
@@ -925,7 +925,7 @@ describe(`features/st-var`, () => {
                             @decl(JS function) prop: value(jsFunc)
                             @transform-error(JS function) word(jsFunc) ${stVarDiagnostics.CANNOT_USE_JS_AS_VALUE(
                                 `function`,
-                                `jsFunc`
+                                `jsFunc`,
                             )} 
                         */
                         prop: value(jsFunc);
@@ -944,7 +944,7 @@ describe(`features/st-var`, () => {
                 '/entry.st.css': `
                     :vars {
                         /* @analyze-warn(local before) word(before) ${stSymbolDiagnostics.REDECLARE_SYMBOL(
-                            `before`
+                            `before`,
                         )} */
                         before: local-before-val;
                     }
@@ -955,17 +955,17 @@ describe(`features/st-var`, () => {
 
                     /*
                     @analyze-warn(import before) word(before) ${stSymbolDiagnostics.REDECLARE_SYMBOL(
-                        `before`
+                        `before`,
                     )}
                     @analyze-warn(import after) word(after) ${stSymbolDiagnostics.REDECLARE_SYMBOL(
-                        `after`
+                        `after`,
                     )}
                     */
                     @st-import [before, after] from './vars.st.css';
 
                     :vars {
                         /* @analyze-warn(local after) word(after) ${stSymbolDiagnostics.REDECLARE_SYMBOL(
-                            `after`
+                            `after`,
                         )} */
                         after: local-after-val;
                     }
@@ -1204,7 +1204,7 @@ describe(`features/st-var`, () => {
                             },
                         },
                     },
-                }
+                },
             );
 
             const { meta, exports } = sheets['/entry.st.css'];
@@ -1243,7 +1243,7 @@ describe(`features/st-var`, () => {
                             },
                         },
                     },
-                }
+                },
             );
         });
         it(`should override value() passed to mixin"`, () => {
@@ -1304,7 +1304,7 @@ describe(`features/st-var`, () => {
                             },
                         },
                     },
-                }
+                },
             );
         });
     });
@@ -1668,7 +1668,7 @@ describe(`features/st-var`, () => {
                         invalid: invalid-func(imported);
                         validAfter: green;
                     }
-                    `
+                    `,
                 );
 
                 const { meta } = sheets['/entry.st.css'];
@@ -1828,7 +1828,7 @@ describe(`features/st-var`, () => {
                         array: st-array(1px, 2px);
                     }
 
-                    `
+                    `,
                 );
 
                 const meta = sheets['/entry.st.css'].meta;
@@ -1861,7 +1861,7 @@ describe(`features/st-var`, () => {
                         map: st-map(first 1px,second 2px);
                     }
 
-                    `
+                    `,
                 );
 
                 const meta = sheets['/entry.st.css'].meta;
@@ -1948,7 +1948,7 @@ describe(`features/st-var`, () => {
                         );
                     }
 
-                    `
+                    `,
                 );
 
                 const meta = sheets['/entry.st.css'].meta;
@@ -1988,7 +1988,7 @@ describe(`features/st-var`, () => {
                         );
                     }
 
-                    `
+                    `,
                 );
 
                 const meta = sheets['/entry.st.css'].meta;
diff --git a/packages/core/test/functions.spec.ts b/packages/core/test/functions.spec.ts
index 97bae070a0..2a38eaff4d 100644
--- a/packages/core/test/functions.spec.ts
+++ b/packages/core/test/functions.spec.ts
@@ -232,7 +232,7 @@ describe('Stylable functions (native, formatter and variable)', () => {
 
                         const rule = result.nodes[0] as postcss.Rule;
                         expect(rule.nodes[0].toString()).to.equal(
-                            `border: ${cssFunc}(${cssFunc}(1))`
+                            `border: ${cssFunc}(${cssFunc}(1))`,
                         );
                     });
                 }
@@ -369,7 +369,7 @@ describe('Stylable functions (native, formatter and variable)', () => {
                 });
 
                 const rules = (result.nodes[0] as postcss.Rule).nodes.map((node) =>
-                    node.toString()
+                    node.toString(),
                 );
                 expect(rules, 'failed resolving third party asset').to.eql([
                     'background: url(./node_modules/external-package/asset.png)',
@@ -568,7 +568,7 @@ describe('Stylable functions (native, formatter and variable)', () => {
                     {
                         message: functionStringDiagnostics.FAIL_TO_EXECUTE_FORMATTER(
                             'fail(a, red, c)',
-                            'FAIL FAIL FAIL'
+                            'FAIL FAIL FAIL',
                         ),
                         file: '/main.st.css',
                     },
diff --git a/packages/core/test/helpers/custom-selector.spec.ts b/packages/core/test/helpers/custom-selector.spec.ts
index 9c8784d8cc..e4bb5047a8 100644
--- a/packages/core/test/helpers/custom-selector.spec.ts
+++ b/packages/core/test/helpers/custom-selector.spec.ts
@@ -22,7 +22,7 @@ describe('helpers/custom-selector', () => {
                     y: parseCssSelector(':--x.y'),
                     z: parseCssSelector(':--y.z'),
                 },
-                (report) => reports.push(report)
+                (report) => reports.push(report),
             );
 
             expect(stringifySelectorAst(selectors['x']), ':--x').to.eql(':is(target)');
@@ -37,7 +37,7 @@ describe('helpers/custom-selector', () => {
                 {
                     x: parseCssSelector(':--unknown'),
                 },
-                (report) => reports.push(report)
+                (report) => reports.push(report),
             );
 
             expect(stringifySelectorAst(selectors['x']), 'ref').to.eql(':--unknown');
@@ -53,7 +53,7 @@ describe('helpers/custom-selector', () => {
                     x: parseCssSelector(':--x, :is(:--x, :--y)'),
                     y: parseCssSelector('.A'),
                 },
-                (report) => reports.push(report)
+                (report) => reports.push(report),
             );
 
             expect(stringifySelectorAst(selectors['x']), ':--x').to.eql(':--x, :is(:--x, .A)');
@@ -73,7 +73,7 @@ describe('helpers/custom-selector', () => {
                     z: parseCssSelector(':--y.z'),
                     a: parseCssSelector('.A'),
                 },
-                (report) => reports.push(report)
+                (report) => reports.push(report),
             );
 
             expect(stringifySelectorAst(selectors['x']), ':--x').to.eql(':is(:--x.y.z).A');
@@ -92,7 +92,7 @@ describe('helpers/custom-selector', () => {
             const output = transformInlineCustomSelectors(
                 input,
                 (name: string) => selectors[name],
-                noopReport
+                noopReport,
             );
 
             expect(output).to.eql(input);
@@ -106,7 +106,7 @@ describe('helpers/custom-selector', () => {
             const output = transformInlineCustomSelectors(
                 input,
                 (name: string) => selectors[name],
-                noopReport
+                noopReport,
             );
 
             expect(stringifySelectorAst(output)).to.eql('.before.A.after,.before.B.after');
@@ -121,7 +121,7 @@ describe('helpers/custom-selector', () => {
             const output = transformInlineCustomSelectors(
                 input,
                 (name: string) => selectors[name],
-                noopReport
+                noopReport,
             );
 
             expect(stringifySelectorAst(output)).to.eql('.A.C,.B.C,.A.D,.B.D');
@@ -137,7 +137,7 @@ describe('helpers/custom-selector', () => {
             const output = transformInlineCustomSelectors(
                 input,
                 (name: string) => selectors[name],
-                noopReport
+                noopReport,
             );
 
             expect(stringifySelectorAst(output)).to.eql(
@@ -150,7 +150,7 @@ describe('helpers/custom-selector', () => {
                     '.B.C.F',
                     '.A.D.F',
                     '.B.D.F',
-                ].join(',')
+                ].join(','),
             );
         });
         it('should permute from deep selectors', () => {
@@ -163,7 +163,7 @@ describe('helpers/custom-selector', () => {
             const output = transformInlineCustomSelectors(
                 input,
                 (name: string) => selectors[name],
-                noopReport
+                noopReport,
             );
 
             expect(stringifySelectorAst(output)).to.eql(
@@ -172,7 +172,7 @@ describe('helpers/custom-selector', () => {
                     ':is(.BB):not(.CC)',
                     ':is(.AA):not(.DD)',
                     ':is(.BB):not(.DD)',
-                ].join(',')
+                ].join(','),
             );
         });
         it('should permute multi selector input', () => {
@@ -185,7 +185,7 @@ describe('helpers/custom-selector', () => {
             const output = transformInlineCustomSelectors(
                 input,
                 (name: string) => selectors[name],
-                noopReport
+                noopReport,
             );
 
             expect(stringifySelectorAst(output)).to.eql('.A,.B,.C,.D');
@@ -197,13 +197,13 @@ describe('helpers/custom-selector', () => {
                     x: parseCssSelector('.A'),
                     y: parseCssSelector(':--x'),
                 },
-                noopReport
+                noopReport,
             );
 
             const output = transformInlineCustomSelectors(
                 input,
                 (name: string) => selectors[name],
-                noopReport
+                noopReport,
             );
 
             expect(stringifySelectorAst(output)).to.eql('.A');
@@ -215,7 +215,7 @@ describe('helpers/custom-selector', () => {
             const output = transformInlineCustomSelectors(
                 input,
                 (_name: string) => undefined,
-                (data) => reports.push(data)
+                (data) => reports.push(data),
             );
 
             expect(stringifySelectorAst(output), 'transform').to.eql(':--x');
@@ -231,18 +231,18 @@ describe('helpers/custom-selector', () => {
                 },
                 (_path) => {
                     /*circular report*/
-                }
+                },
             );
 
             const outputX = transformInlineCustomSelectors(
                 inputX,
                 (name: string) => selectors[name],
-                noopReport
+                noopReport,
             );
             const outputY = transformInlineCustomSelectors(
                 inputY,
                 (name: string) => selectors[name],
-                noopReport
+                noopReport,
             );
 
             expect(stringifySelectorAst(outputX), ':--x').to.eql(':--x');
diff --git a/packages/core/test/helpers/import.spec.ts b/packages/core/test/helpers/import.spec.ts
index 5d21d66e83..470ada4bf9 100644
--- a/packages/core/test/helpers/import.spec.ts
+++ b/packages/core/test/helpers/import.spec.ts
@@ -43,12 +43,12 @@ describe(`helpers/import`, () => {
                     root,
                     [{ request: 'missing', defaultExport: 'Missing' }],
                     { newImport: 'none' },
-                    diag
+                    diag,
                 );
 
                 expect(diag.reports, 'diagnostics').to.have.lengthOf(1);
                 expect(diag.reports[0].message).to.equal(
-                    ensureImportsDiagnostics.PATCH_CONTAINS_NEW_IMPORT_IN_NEW_IMPORT_NONE_MODE()
+                    ensureImportsDiagnostics.PATCH_CONTAINS_NEW_IMPORT_IN_NEW_IMPORT_NONE_MODE(),
                 );
                 expect(root.nodes, 'no imports added').to.have.lengthOf(0);
             });
@@ -64,13 +64,13 @@ describe(`helpers/import`, () => {
                     root,
                     [{ request: 'x', defaultExport: 'Test' }],
                     { newImport: 'none' },
-                    diag
+                    diag,
                 );
 
                 const importNode = root.nodes[0];
                 expect(diag.reports, 'No diagnostics').to.have.lengthOf(0);
                 expect(importNode.toString()).to.equal(
-                    `:import {-st-from: 'x';-st-default: Test; }`
+                    `:import {-st-from: 'x';-st-default: Test; }`,
                 );
             });
 
@@ -85,7 +85,7 @@ describe(`helpers/import`, () => {
                     root,
                     [{ request: 'x', named: { test: 'test' } }],
                     { newImport: 'none' },
-                    diag
+                    diag,
                 );
 
                 const importNode = root.nodes[0];
@@ -104,13 +104,13 @@ describe(`helpers/import`, () => {
                     root,
                     [{ request: 'x', keyframes: { test: 'test' } }],
                     { newImport: 'none' },
-                    diag
+                    diag,
                 );
 
                 const importNode = root.nodes[0];
                 expect(diag.reports, 'No diagnostics').to.have.lengthOf(0);
                 expect(importNode.toString()).to.equal(
-                    `:import {-st-from: 'x';-st-named: keyframes(test); }`
+                    `:import {-st-from: 'x';-st-named: keyframes(test); }`,
                 );
             });
 
@@ -125,13 +125,13 @@ describe(`helpers/import`, () => {
                     root,
                     [{ request: 'x', named: { asTest: 'test' } }],
                     { newImport: 'none' },
-                    diag
+                    diag,
                 );
 
                 const importNode = root.nodes[0];
                 expect(diag.reports, 'No diagnostics').to.have.lengthOf(0);
                 expect(importNode.toString()).to.equal(
-                    `:import {-st-from: 'x';-st-named: test as asTest; }`
+                    `:import {-st-from: 'x';-st-named: test as asTest; }`,
                 );
             });
 
@@ -146,13 +146,13 @@ describe(`helpers/import`, () => {
                     root,
                     [{ request: 'x', keyframes: { asTest: 'test' } }],
                     { newImport: 'none' },
-                    diag
+                    diag,
                 );
 
                 const importNode = root.nodes[0];
                 expect(diag.reports, 'No diagnostics').to.have.lengthOf(0);
                 expect(importNode.toString()).to.equal(
-                    `:import {-st-from: 'x';-st-named: keyframes(test as asTest); }`
+                    `:import {-st-from: 'x';-st-named: keyframes(test as asTest); }`,
                 );
             });
 
@@ -167,13 +167,13 @@ describe(`helpers/import`, () => {
                     root,
                     [{ request: 'x', named: { test: 'test', test2: 'test2' } }],
                     { newImport: 'none' },
-                    diag
+                    diag,
                 );
 
                 const importNode = root.nodes[0];
                 expect(diag.reports, 'No diagnostics').to.have.lengthOf(0);
                 expect(importNode.toString()).to.equal(
-                    `:import {-st-from: 'x';-st-named: test, test2; }`
+                    `:import {-st-from: 'x';-st-named: test, test2; }`,
                 );
             });
 
@@ -188,13 +188,13 @@ describe(`helpers/import`, () => {
                     root,
                     [{ request: 'x', named: { asTest: 'test' }, defaultExport: 'Test' }],
                     { newImport: 'none' },
-                    diag
+                    diag,
                 );
 
                 const importNode = root.nodes[0];
                 expect(diag.reports, 'No diagnostics').to.have.lengthOf(0);
                 expect(importNode.toString()).to.equal(
-                    `:import {-st-from: 'x';-st-default: Test;-st-named: test as asTest; }`
+                    `:import {-st-from: 'x';-st-default: Test;-st-named: test as asTest; }`,
                 );
             });
 
@@ -209,13 +209,13 @@ describe(`helpers/import`, () => {
                     root,
                     [{ request: 'x', named: { d: 'd', e: 'e' } }],
                     { newImport: 'none' },
-                    diag
+                    diag,
                 );
 
                 const importNode = root.nodes[0];
                 expect(diag.reports, 'No diagnostics').to.have.lengthOf(0);
                 expect(importNode.toString()).to.equal(
-                    `:import {-st-from: 'x';-st-named: a, b, c, d, e; }`
+                    `:import {-st-from: 'x';-st-named: a, b, c, d, e; }`,
                 );
             });
 
@@ -230,13 +230,13 @@ describe(`helpers/import`, () => {
                     root,
                     [{ request: 'x', named: { a: 'a', b: 'b' }, defaultExport: 'A' }],
                     { newImport: 'none' },
-                    diag
+                    diag,
                 );
 
                 const importNode = root.nodes[0];
                 expect(diag.reports, 'No diagnostics').to.have.lengthOf(0);
                 expect(importNode.toString()).to.equal(
-                    `:import {-st-from: 'x';-st-default: A;-st-named: a, b; }`
+                    `:import {-st-from: 'x';-st-default: A;-st-named: a, b; }`,
                 );
             });
 
@@ -258,13 +258,13 @@ describe(`helpers/import`, () => {
                         },
                     ],
                     { newImport: 'none' },
-                    diag
+                    diag,
                 );
 
                 const importNode = root.nodes[0];
                 expect(diag.reports, 'No diagnostics').to.have.lengthOf(0);
                 expect(importNode.toString()).to.equal(
-                    `@st-import Test, [test as asTest, keyframes(kf as asKf)] from "x"`
+                    `@st-import Test, [test as asTest, keyframes(kf as asKf)] from "x"`,
                 );
             });
         });
@@ -279,14 +279,14 @@ describe(`helpers/import`, () => {
                     root,
                     [{ request: 'test', defaultExport: 'Test' }],
                     { newImport: ':import' },
-                    diag
+                    diag,
                 );
 
                 const importNode = root.nodes[0];
 
                 expect(diag.reports, 'No diagnostics').to.have.lengthOf(0);
                 expect(oneSpace(importNode.toString())).to.equal(
-                    `:import { -st-from: "test"; -st-default: Test }`
+                    `:import { -st-from: "test"; -st-default: Test }`,
                 );
             });
             it('should generate imports with named', () => {
@@ -298,14 +298,14 @@ describe(`helpers/import`, () => {
                     root,
                     [{ request: 'test', named: { a: 'a', c: 'b' } }],
                     { newImport: ':import' },
-                    diag
+                    diag,
                 );
 
                 const importNode = root.nodes[0];
 
                 expect(diag.reports, 'No diagnostics').to.have.lengthOf(0);
                 expect(oneSpace(importNode.toString())).to.equal(
-                    `:import { -st-from: "test"; -st-named: a, b as c }`
+                    `:import { -st-from: "test"; -st-named: a, b as c }`,
                 );
             });
             it('should generate imports with keyframes', () => {
@@ -317,14 +317,14 @@ describe(`helpers/import`, () => {
                     root,
                     [{ request: 'test', keyframes: { a: 'a', c: 'b' } }],
                     { newImport: ':import' },
-                    diag
+                    diag,
                 );
 
                 const importNode = root.nodes[0];
 
                 expect(diag.reports, 'No diagnostics').to.have.lengthOf(0);
                 expect(oneSpace(importNode.toString())).to.equal(
-                    `:import { -st-from: "test"; -st-named: keyframes(a, b as c) }`
+                    `:import { -st-from: "test"; -st-named: keyframes(a, b as c) }`,
                 );
             });
             it('should generate imports with named and default and keyframes', () => {
@@ -343,14 +343,14 @@ describe(`helpers/import`, () => {
                         },
                     ],
                     { newImport: ':import' },
-                    diag
+                    diag,
                 );
 
                 const importNode = root.nodes[0];
 
                 expect(diag.reports, 'No diagnostics').to.have.lengthOf(0);
                 expect(oneSpace(importNode.toString())).to.equal(
-                    `:import { -st-from: "test"; -st-default: Test; -st-named: a, b as c, keyframes(a, b as c) }`
+                    `:import { -st-from: "test"; -st-default: Test; -st-named: a, b as c, keyframes(a, b as c) }`,
                 );
             });
         });
@@ -365,7 +365,7 @@ describe(`helpers/import`, () => {
                     root,
                     [{ request: 'test', defaultExport: 'Test' }],
                     { newImport: 'st-import' },
-                    diag
+                    diag,
                 );
 
                 const importNode = root.nodes[0];
@@ -382,14 +382,14 @@ describe(`helpers/import`, () => {
                     root,
                     [{ request: 'test', named: { a: 'a', c: 'b' } }],
                     { newImport: 'st-import' },
-                    diag
+                    diag,
                 );
 
                 const importNode = root.nodes[0];
 
                 expect(diag.reports, 'No diagnostics').to.have.lengthOf(0);
                 expect(oneSpace(importNode.toString())).to.equal(
-                    `@st-import [a, b as c] from "test"`
+                    `@st-import [a, b as c] from "test"`,
                 );
             });
             it('should generate imports with keyframes', () => {
@@ -401,14 +401,14 @@ describe(`helpers/import`, () => {
                     root,
                     [{ request: 'test', keyframes: { a: 'a', c: 'b' } }],
                     { newImport: 'st-import' },
-                    diag
+                    diag,
                 );
 
                 const importNode = root.nodes[0];
 
                 expect(diag.reports, 'No diagnostics').to.have.lengthOf(0);
                 expect(oneSpace(importNode.toString())).to.equal(
-                    `@st-import [keyframes(a, b as c)] from "test"`
+                    `@st-import [keyframes(a, b as c)] from "test"`,
                 );
             });
             it('should generate imports with named and default and keyframes', () => {
@@ -427,14 +427,14 @@ describe(`helpers/import`, () => {
                         },
                     ],
                     { newImport: 'st-import' },
-                    diag
+                    diag,
                 );
 
                 const importNode = root.nodes[0];
 
                 expect(diag.reports, 'No diagnostics').to.have.lengthOf(0);
                 expect(oneSpace(importNode.toString())).to.equal(
-                    `@st-import Test, [a, b as c, keyframes(a, b as c)] from "test"`
+                    `@st-import Test, [a, b as c, keyframes(a, b as c)] from "test"`,
                 );
             });
         });
@@ -452,11 +452,11 @@ describe(`helpers/import`, () => {
                     root,
                     [{ request: 'x', named: { test: 'test' } }],
                     { newImport: 'none' },
-                    diag
+                    diag,
                 );
 
                 expect(root.nodes[0].toString()).to.equal(
-                    `:import {-st-from: 'x';-st-named: test; }`
+                    `:import {-st-from: 'x';-st-named: test; }`,
                 );
                 expect(root.nodes[1].toString()).to.equal(`:import {-st-from: 'x'; }`);
                 expect(diag.reports, 'No diagnostics').to.have.lengthOf(0);
@@ -467,14 +467,14 @@ describe(`helpers/import`, () => {
                 const { diagnostics } = ensureModuleImport(
                     root,
                     [{ request: 'x', defaultExport: 'Y' }],
-                    { newImport: 'none' }
+                    { newImport: 'none' },
                 );
                 const importNode = root.nodes[0];
 
                 expect(importNode.toString(), 'no change').to.equal(`@st-import Test from "x"`);
                 expect(diagnostics.reports, 'diagnostics').to.have.lengthOf(1);
                 expect(diagnostics.reports[0].message).to.equal(
-                    ensureImportsDiagnostics.ATTEMPT_OVERRIDE_SYMBOL('default', 'Test', 'Y')
+                    ensureImportsDiagnostics.ATTEMPT_OVERRIDE_SYMBOL('default', 'Test', 'Y'),
                 );
             });
             it('should report collision diagnostics for named and not patch', () => {
@@ -483,14 +483,14 @@ describe(`helpers/import`, () => {
                 const { diagnostics } = ensureModuleImport(
                     root,
                     [{ request: 'x', named: { Y: 'X' } }],
-                    { newImport: 'none' }
+                    { newImport: 'none' },
                 );
                 const importNode = root.nodes[0];
 
                 expect(importNode.toString(), 'no change').to.equal(`@st-import [Y] from "x"`);
                 expect(diagnostics.reports, 'diagnostics').to.have.lengthOf(1);
                 expect(diagnostics.reports[0].message).to.equal(
-                    ensureImportsDiagnostics.ATTEMPT_OVERRIDE_SYMBOL('named', 'Y', 'X as Y')
+                    ensureImportsDiagnostics.ATTEMPT_OVERRIDE_SYMBOL('named', 'Y', 'X as Y'),
                 );
             });
             it('should report collision diagnostics for named "as" with "as" (no patch)', () => {
@@ -499,14 +499,14 @@ describe(`helpers/import`, () => {
                 const { diagnostics } = ensureModuleImport(
                     root,
                     [{ request: 'x', named: { Y: 'X' } }],
-                    { newImport: 'none' }
+                    { newImport: 'none' },
                 );
                 const importNode = root.nodes[0];
 
                 expect(importNode.toString(), 'no change').to.equal(`@st-import [A as Y] from "x"`);
                 expect(diagnostics.reports, 'diagnostics').to.have.lengthOf(1);
                 expect(diagnostics.reports[0].message).to.equal(
-                    ensureImportsDiagnostics.ATTEMPT_OVERRIDE_SYMBOL('named', 'A as Y', 'X as Y')
+                    ensureImportsDiagnostics.ATTEMPT_OVERRIDE_SYMBOL('named', 'A as Y', 'X as Y'),
                 );
             });
             it('should report collision diagnostics for named "as" (no patch)', () => {
@@ -515,14 +515,14 @@ describe(`helpers/import`, () => {
                 const { diagnostics } = ensureModuleImport(
                     root,
                     [{ request: 'x', named: { Y: 'Y' } }],
-                    { newImport: 'none' }
+                    { newImport: 'none' },
                 );
                 const importNode = root.nodes[0];
 
                 expect(importNode.toString(), 'no change').to.equal(`@st-import [A as Y] from "x"`);
                 expect(diagnostics.reports, 'diagnostics').to.have.lengthOf(1);
                 expect(diagnostics.reports[0].message).to.equal(
-                    ensureImportsDiagnostics.ATTEMPT_OVERRIDE_SYMBOL('named', 'A as Y', 'Y')
+                    ensureImportsDiagnostics.ATTEMPT_OVERRIDE_SYMBOL('named', 'A as Y', 'Y'),
                 );
             });
         });
@@ -568,7 +568,7 @@ describe(`helpers/import`, () => {
             });
             it('mix named and keyframes with as', () => {
                 const { typedMap, namedMap } = parseNamedImport(
-                    'a as x, b, keyframes(a, b as z, c), c as y, d'
+                    'a as x, b, keyframes(a, b as z, c), c as y, d',
                 );
                 expect(typedMap, 'typed').to.eql({ keyframes: { a: 'a', z: 'b', c: 'c' } });
                 expect(namedMap, 'named').to.eql({ x: 'a', b: 'b', y: 'c', d: 'd' });
@@ -576,7 +576,7 @@ describe(`helpers/import`, () => {
 
             it('mix named and keyframes and comments', () => {
                 const { typedMap, namedMap } = parseNamedImport(
-                    'a as x /* comment 0 */, b, /* comment 1 */keyframes(a, b as z, c), c as y, d'
+                    'a as x /* comment 0 */, b, /* comment 1 */keyframes(a, b as z, c), c as y, d',
                 );
                 expect(typedMap, 'typed').to.eql({ keyframes: { a: 'a', z: 'b', c: 'c' } });
                 expect(namedMap, 'named').to.eql({ x: 'a', b: 'b', y: 'c', d: 'd' });
@@ -584,7 +584,7 @@ describe(`helpers/import`, () => {
 
             it('keyframes nested', () => {
                 const { typedMap, namedMap } = parseNamedImport(
-                    'keyframes(a as b, keyframes(d), e), f'
+                    'keyframes(a as b, keyframes(d), e), f',
                 );
                 expect(typedMap, 'keyframes').to.eql({ keyframes: { b: 'a', e: 'e' } });
                 expect(namedMap, 'named').to.eql({ f: 'f' });
@@ -618,11 +618,11 @@ describe(`helpers/import`, () => {
                     parsePseudoImportNamed(
                         value,
                         postcss.decl({ prop: '-st-named', value }),
-                        diagnostics
+                        diagnostics,
                     );
                     expect(diagnostics.reports).to.be.lengthOf(1);
                     expect(diagnostics.reports[0].message).to.equal(
-                        parseImportsDiagnostics.INVALID_NAMED_IMPORT_AS('x')
+                        parseImportsDiagnostics.INVALID_NAMED_IMPORT_AS('x'),
                     );
                 });
                 it('invalid nested keyframes', () => {
@@ -631,11 +631,11 @@ describe(`helpers/import`, () => {
                     parsePseudoImportNamed(
                         value,
                         postcss.decl({ prop: '-st-named', value }),
-                        diagnostics
+                        diagnostics,
                     );
                     expect(diagnostics.reports).to.be.lengthOf(1);
                     expect(diagnostics.reports[0].message).to.equal(
-                        parseImportsDiagnostics.INVALID_NESTED_KEYFRAMES('keyframes(b)')
+                        parseImportsDiagnostics.INVALID_NESTED_KEYFRAMES('keyframes(b)'),
                     );
                 });
             });
@@ -657,7 +657,7 @@ describe(`helpers/import`, () => {
 
             const imports = tryCollectImportsDeep(
                 stylable.resolver,
-                stylable.analyze('/entry.st.css')
+                stylable.analyze('/entry.st.css'),
             );
 
             expect(imports).to.eql(new Set(['/deep.st.css', '/middle.st.css']));
@@ -678,7 +678,7 @@ describe(`helpers/import`, () => {
 
             const imports = tryCollectImportsDeep(
                 stylable.resolver,
-                stylable.analyze('/entry.st.css')
+                stylable.analyze('/entry.st.css'),
             );
 
             expect(imports).to.eql(new Set(['/a.st.css', '/b.st.css']));
@@ -700,7 +700,7 @@ describe(`helpers/import`, () => {
 
             const imports = tryCollectImportsDeep(
                 stylable.resolver,
-                stylable.analyze('entry.st.css')
+                stylable.analyze('entry.st.css'),
             );
 
             expect(imports).to.eql(new Set(['/deep.st.css', '/middle.st.css']));
diff --git a/packages/core/test/helpers/namespace.spec.ts b/packages/core/test/helpers/namespace.spec.ts
index be593a728c..64b8f6cc32 100644
--- a/packages/core/test/helpers/namespace.spec.ts
+++ b/packages/core/test/helpers/namespace.spec.ts
@@ -123,7 +123,7 @@ describe('createNamespaceStrategy', () => {
                     false,
                     'x-1',
                     '/package/x2.st.css',
-                    new Map([['x-1', '/package/x1.st.css']])
+                    new Map([['x-1', '/package/x1.st.css']]),
                 );
             } catch (e) {
                 return (e as Error).message;
@@ -149,7 +149,7 @@ describe('createNamespaceStrategy', () => {
                     true,
                     'x',
                     '/package/x1.st.css',
-                    new Map([['x', '/package/x.st.css']])
+                    new Map([['x', '/package/x.st.css']]),
                 );
             } catch (e) {
                 return (e as Error).message;
diff --git a/packages/core/test/helpers/rule.spec.ts b/packages/core/test/helpers/rule.spec.ts
index 99e50d6334..8fa4d9629e 100644
--- a/packages/core/test/helpers/rule.spec.ts
+++ b/packages/core/test/helpers/rule.spec.ts
@@ -56,7 +56,7 @@ describe(`helpers/rule`, () => {
                 /*nesting at-rule*/
                 .i[out] { @media (x) { [in] {} } }
             `),
-                '.i'
+                '.i',
             );
 
             const expected = [
@@ -107,7 +107,7 @@ describe(`helpers/rule`, () => {
             `),
                 '.root',
                 undefined,
-                true
+                true,
             );
 
             const expected = [
@@ -128,7 +128,7 @@ describe(`helpers/rule`, () => {
                     .i:hover {}
                 }
             `),
-                '.i'
+                '.i',
             );
 
             const expected = [
@@ -155,7 +155,7 @@ describe(`helpers/rule`, () => {
                     .x {}
                 }
             `),
-                '.i'
+                '.i',
             );
 
             const expected = [{ selector: '[st-mixin-marker]' }];
diff --git a/packages/core/test/helpers/selector.spec.ts b/packages/core/test/helpers/selector.spec.ts
index f89ec4a8e3..015b402cef 100644
--- a/packages/core/test/helpers/selector.spec.ts
+++ b/packages/core/test/helpers/selector.spec.ts
@@ -129,7 +129,7 @@ describe(`helpers/selector`, () => {
             test(`apply "${scope}" on "${nested}" should output "${expected}"`, () => {
                 const { selector } = scopeNestedSelector(
                     parseSelector(scope),
-                    parseSelector(nested)
+                    parseSelector(nested),
                 );
                 expect(selector).to.equal(expected);
             });
@@ -260,7 +260,7 @@ describe(`helpers/selector`, () => {
                     parseSelector(scope),
                     parseSelector(nested),
                     false,
-                    (node) => node.type === 'pseudo_class' && node.value === 'xxx'
+                    (node) => node.type === 'pseudo_class' && node.value === 'xxx',
                 );
                 expect(selector).to.equal(expected);
             });
diff --git a/packages/core/test/intellisense/intellisense.spec.ts b/packages/core/test/intellisense/intellisense.spec.ts
index dbb5979fb4..0e89d7c6fd 100644
--- a/packages/core/test/intellisense/intellisense.spec.ts
+++ b/packages/core/test/intellisense/intellisense.spec.ts
@@ -390,7 +390,7 @@ describe('Stylable intellisense selector meta data', () => {
         const meta = t.fileProcessor.process('/entry.st.css');
         const elements = t.resolveSelectorElements(
             meta,
-            STCustomSelector.transformCustomSelectorInline(meta, ':--pongo')
+            STCustomSelector.transformCustomSelectorInline(meta, ':--pongo'),
         );
 
         expect(elements[0]).to.eql([
@@ -658,7 +658,7 @@ describe('Stylable intellisense selector meta data', () => {
 
         const elements = t.resolveSelectorElements(
             meta,
-            '.gaga:lala::bobo:otherState:state::momo:anotherState'
+            '.gaga:lala::bobo:otherState:state::momo:anotherState',
         );
 
         expect(elements[0]).to.eql([
diff --git a/packages/core/test/scope-directive.spec.ts b/packages/core/test/scope-directive.spec.ts
index b63405bccf..f27021785c 100644
--- a/packages/core/test/scope-directive.spec.ts
+++ b/packages/core/test/scope-directive.spec.ts
@@ -24,7 +24,7 @@ describe('@st-scope', () => {
                     .part {}
                 }
             `,
-                { from: 'path/to/style.css' }
+                { from: 'path/to/style.css' },
             );
 
             shouldReportNoDiagnostics(meta);
@@ -44,7 +44,7 @@ describe('@st-scope', () => {
                     .part {}
                 }
             `,
-                { from: 'path/to/style.css' }
+                { from: 'path/to/style.css' },
             );
 
             shouldReportNoDiagnostics(meta);
@@ -77,7 +77,7 @@ describe('@st-scope', () => {
             shouldReportNoDiagnostics(meta);
 
             expect((meta.targetAst!.nodes[0] as Rule).selector).to.equal(
-                '.entry__root .entry__part'
+                '.entry__root .entry__part',
             );
         });
 
@@ -99,7 +99,7 @@ describe('@st-scope', () => {
             shouldReportNoDiagnostics(meta);
 
             expect((meta.targetAst!.nodes[0] as Rule).selector).to.equal(
-                '.entry__scope1 .entry__part1, .entry__scope2 .entry__part1, .entry__scope1 .entry__part2, .entry__scope2 .entry__part2'
+                '.entry__scope1 .entry__part1, .entry__scope2 .entry__part1, .entry__scope1 .entry__part2, .entry__scope2 .entry__part2',
             );
         });
 
@@ -171,7 +171,7 @@ describe('@st-scope', () => {
             shouldReportNoDiagnostics(meta);
 
             expect((meta.targetAst!.nodes[1] as Rule).selector).to.equal(
-                '.entry__root .imported__part .entry__part1, .entry__root .imported__part .entry__part2'
+                '.entry__root .imported__part .entry__part1, .entry__root .imported__part .entry__part2',
             );
         });
 
@@ -203,7 +203,7 @@ describe('@st-scope', () => {
             shouldReportNoDiagnostics(meta);
 
             expect((meta.targetAst!.first as Rule).selector).to.equal(
-                '.imported__importedPart .entry__part'
+                '.imported__importedPart .entry__part',
             );
         });
 
@@ -228,7 +228,7 @@ describe('@st-scope', () => {
             shouldReportNoDiagnostics(meta);
 
             expect((meta.targetAst!.nodes[2] as Rule).selector).to.equal(
-                '.entry__root .entry__part .entry__scopedPart'
+                '.entry__root .entry__part .entry__scopedPart',
             );
 
             expect(meta.scopes).to.flatMatch([
@@ -258,7 +258,7 @@ describe('@st-scope', () => {
             shouldReportNoDiagnostics(meta);
 
             expect((meta.targetAst!.nodes[0] as Rule).selector).to.equal(
-                '.entry__root .entry__part, .entry__root .entry__otherPart, .entry__root .entry__oneMorePart'
+                '.entry__root .entry__part, .entry__root .entry__otherPart, .entry__root .entry__oneMorePart',
             );
         });
 
@@ -479,7 +479,7 @@ describe('@st-scope', () => {
                 },
             ]);
             expect((meta.targetAst!.first as Rule).selector).to.equal(
-                '.entry__root::unknownPart .entry__part'
+                '.entry__root::unknownPart .entry__part',
             );
         });
         it('should warn on invalid scoped selector', () => {
@@ -511,7 +511,7 @@ describe('@st-scope', () => {
                 },
             ]);
             expect((meta.targetAst!.first as Rule).selector).to.equal(
-                '.entry__root::unknownPart .entry__part::unknownPart'
+                '.entry__root::unknownPart .entry__part::unknownPart',
             );
         });
     });
diff --git a/packages/core/test/stylable-assets.spec.ts b/packages/core/test/stylable-assets.spec.ts
index d3eaa359f7..e30710257b 100644
--- a/packages/core/test/stylable-assets.spec.ts
+++ b/packages/core/test/stylable-assets.spec.ts
@@ -15,7 +15,7 @@ function collectAssets(ast: postcss.Root) {
                     assetDependencies.push(node.url);
                 }
             },
-            false
+            false,
         );
     });
     return assetDependencies;
@@ -71,9 +71,9 @@ describe('stylable assets', () => {
                     },
                     _,
                     '/root',
-                    '/root/module'
-                )
-            )
+                    '/root/module',
+                ),
+            ),
         ).to.eql([
             normalize('/root/module/a.png'),
             normalize('/root/b.png'),
diff --git a/packages/core/test/stylable-processor.spec.ts b/packages/core/test/stylable-processor.spec.ts
index 938a5b5bb1..91075febbb 100644
--- a/packages/core/test/stylable-processor.spec.ts
+++ b/packages/core/test/stylable-processor.spec.ts
@@ -26,7 +26,7 @@ describe('Stylable postcss process', () => {
             `
 
         `,
-            { from }
+            { from },
         );
 
         expect(result.namespace).to.eql(processNamespace('style', from));
@@ -43,7 +43,7 @@ describe('Stylable postcss process', () => {
                 -st-extends: Style;
             }
         `,
-            { from: 'path/to/style.st.css' }
+            { from: 'path/to/style.st.css' },
         );
 
         expect(result.diagnostics.reports.length, 'no reports').to.eql(0);
@@ -73,11 +73,11 @@ describe('Stylable postcss process', () => {
                 .map((name) =>
                     name.startsWith(`nth`)
                         ? `:${name}(5n, El-${name}.cls-${name}) {}`
-                        : `:${name}(El-${name}.cls-${name}) {}`
+                        : `:${name}(El-${name}.cls-${name}) {}`,
                 )
                 .join(``)}
         `,
-            { from: 'path/to/style.st.css' }
+            { from: 'path/to/style.st.css' },
         );
 
         // unknown pseudo-class
@@ -100,7 +100,7 @@ describe('Stylable postcss process', () => {
             `
 
         `,
-            { from: 'path/to/style.st.css' }
+            { from: 'path/to/style.st.css' },
         );
 
         expect(result.getAllClasses()).to.eql({
@@ -121,7 +121,7 @@ describe('Stylable postcss process', () => {
             :not(.classD){}
             .classE:hover{}
         `,
-            { from: 'path/to/style.st.css' }
+            { from: 'path/to/style.st.css' },
         );
 
         expect(Object.keys(result.getAllClasses()).length).to.eql(6);
@@ -138,7 +138,7 @@ describe('Stylable postcss process', () => {
                 .classE:hover{}
             }
         `,
-            { from: 'path/to/style.st.css' }
+            { from: 'path/to/style.st.css' },
         );
 
         expect(Object.keys(result.getAllClasses()).length).to.eql(6);
@@ -152,7 +152,7 @@ describe('Stylable postcss process', () => {
                     img: url('./x.svg');
                 }
             `,
-                { from: 'path/to/style.st.css' }
+                { from: 'path/to/style.st.css' },
             );
 
             expect(result.urls.length).to.eql(1);
diff --git a/packages/core/test/stylable-resolver.spec.ts b/packages/core/test/stylable-resolver.spec.ts
index 7bd7542aae..f3c12a138e 100644
--- a/packages/core/test/stylable-resolver.spec.ts
+++ b/packages/core/test/stylable-resolver.spec.ts
@@ -386,7 +386,7 @@ describe('stylable-resolver', () => {
                         return '';
                     },
                 },
-            }
+            },
         );
 
         stylable.resolver.resolvePath('/', './entry.st.css');
diff --git a/packages/core/test/stylable-transformer/general.spec.ts b/packages/core/test/stylable-transformer/general.spec.ts
index dd7c08f6f9..e452a18eeb 100644
--- a/packages/core/test/stylable-transformer/general.spec.ts
+++ b/packages/core/test/stylable-transformer/general.spec.ts
@@ -60,7 +60,7 @@ describe('Stylable postcss transform (General)', () => {
             
                 /* 
                     @transform-error(unknown state) ${cssPseudoClassDiagnostics.UNKNOWN_STATE_USAGE(
-                        'state'
+                        'state',
                     )}
                     @rule(unknown state) :state 
                 */
@@ -68,12 +68,12 @@ describe('Stylable postcss transform (General)', () => {
     
                 /* 
                     @transform-error(unknown pseudo-element) ${transformerStringDiagnostics.UNKNOWN_PSEUDO_ELEMENT(
-                        `class`
+                        `class`,
                     )}
                     @rule(unknown pseudo-element) ::class 
                 */
                 ::class {}
-            `
+            `,
         );
     });
     it('should reset inferred selector after combinator', () => {
@@ -105,7 +105,7 @@ describe('Stylable postcss transform (General)', () => {
                 
                 /* @rule(element) *::part */
                 *::part {}
-            `
+            `,
         );
     });
     describe('experimentalSelectorInference=false', () => {
@@ -127,7 +127,7 @@ describe('Stylable postcss transform (General)', () => {
                     Comp ::class {}
                 `,
                 },
-                { stylableConfig: { experimentalSelectorInference: false } }
+                { stylableConfig: { experimentalSelectorInference: false } },
             );
         });
         it('should continue inferred selector after universal', () => {
@@ -142,7 +142,7 @@ describe('Stylable postcss transform (General)', () => {
                 /* @rule(element) * .entry__part */
                 *::part {}
             `,
-                { stylableConfig: { experimentalSelectorInference: false } }
+                { stylableConfig: { experimentalSelectorInference: false } },
             );
         });
     });
diff --git a/packages/core/test/stylable-transformer/nesting.spec.ts b/packages/core/test/stylable-transformer/nesting.spec.ts
index 323516cacf..9cefc9a5ba 100644
--- a/packages/core/test/stylable-transformer/nesting.spec.ts
+++ b/packages/core/test/stylable-transformer/nesting.spec.ts
@@ -89,7 +89,7 @@ describe('transformer/nesting', () => {
                     */
                     &:onlyX {}
                 }
-            `
+            `,
         );
     });
     describe('experimentalSelectorInference=false', () => {
@@ -106,7 +106,7 @@ describe('transformer/nesting', () => {
                 .part {
                     /* 
                         @transform-error(first) ${cssPseudoClassDiagnostics.UNKNOWN_STATE_USAGE(
-                            'x'
+                            'x',
                         )}
                         @rule(first) :x 
                     */
@@ -114,7 +114,7 @@ describe('transformer/nesting', () => {
 
                     /* 
                         @transform-error(after combinator) ${cssPseudoClassDiagnostics.UNKNOWN_STATE_USAGE(
-                            'x'
+                            'x',
                         )}
                         @rule(after combinator) .entry__root :x 
                     */
@@ -129,7 +129,7 @@ describe('transformer/nesting', () => {
             `,
                 {
                     stylableConfig: { experimentalSelectorInference: false },
-                }
+                },
             );
         });
     });
diff --git a/packages/core/test/stylable-transformer/scoping-edge-cases.spec.ts b/packages/core/test/stylable-transformer/scoping-edge-cases.spec.ts
index ee952d4d80..7d9e3c288a 100644
--- a/packages/core/test/stylable-transformer/scoping-edge-cases.spec.ts
+++ b/packages/core/test/stylable-transformer/scoping-edge-cases.spec.ts
@@ -49,7 +49,7 @@ describe('scoping-edge-cases', () => {
         });
 
         expect((result.nodes[1] as postcss.Rule).selector).to.equal(
-            '.style__x .comp__part .inner__inner'
+            '.style__x .comp__part .inner__inner',
         );
     });
 
@@ -106,7 +106,7 @@ describe('scoping-edge-cases', () => {
         });
 
         expect((result.nodes[1] as postcss.Rule).selector).to.equal(
-            '.style__x .comp__part .inner__inner, .style__x.style--test'
+            '.style__x .comp__part .inner__inner, .style__x.style--test',
         );
     });
 });
diff --git a/packages/core/test/stylable-transformer/transformer.unit.spec.ts b/packages/core/test/stylable-transformer/transformer.unit.spec.ts
index 1b375d9588..14190e7fe4 100644
--- a/packages/core/test/stylable-transformer/transformer.unit.spec.ts
+++ b/packages/core/test/stylable-transformer/transformer.unit.spec.ts
@@ -37,7 +37,7 @@ describe('Transformer', () => {
                 stylableConfig: {
                     resolveModule: onResolve,
                 },
-            }
+            },
         );
 
         expect(onResolve.callCount, 'call resolve only once for each import path').to.equal(2);
diff --git a/packages/core/test/stylable.spec.ts b/packages/core/test/stylable.spec.ts
index 17df75bc8a..101048b9f7 100644
--- a/packages/core/test/stylable.spec.ts
+++ b/packages/core/test/stylable.spec.ts
@@ -54,7 +54,7 @@ describe('Stylable', () => {
                     stylableConfig: {
                         resolveModule: { alias: { '@abc': '/abc.js' } },
                     },
-                }
+                },
             );
 
             expect(stylable.resolvePath('/', '@abc')).to.equal('/abc.js');
@@ -79,13 +79,13 @@ describe('Stylable', () => {
 
             expect(
                 deindent(defaultTransform.meta.targetAst!.toString()),
-                `default output CSS`
+                `default output CSS`,
             ).to.eql(
                 deindent(`
                     .entry__a {
                         prop: red;
                     }
-                `)
+                `),
             );
             expect(defaultTransform.exports.classes.a, `JS export`).to.eql(`entry__a`);
             expect(defaultTransform.exports.stVars.varA, `default var JS export`).to.eql(`red`);
@@ -97,13 +97,13 @@ describe('Stylable', () => {
 
             expect(
                 deindent(varOverrideTransform.meta.targetAst!.toString()),
-                `override vars output CSS`
+                `override vars output CSS`,
             ).to.eql(
                 deindent(`
                     .entry__a {
                         prop: green;
                     }
-                `)
+                `),
             );
             // ToDo: fix JS export for programmatic override
             // expect(varOverrideTransform.exports.stVars.varA, `override var JS export`).to.eql(
@@ -214,12 +214,12 @@ describe('Stylable', () => {
             const localFromPath = stylable.transformCustomProperty(path, `--local`);
             const localFromMeta = stylable.transformCustomProperty(
                 stylable.analyze(path),
-                `--local`
+                `--local`,
             );
             const importedFromPath = stylable.transformCustomProperty(path, `--imported`);
             const importedFromMeta = stylable.transformCustomProperty(
                 stylable.analyze(path),
-                `--imported`
+                `--imported`,
             );
 
             expect(localFromPath, `local by path`).to.eql(`--entry-local`);
@@ -252,7 +252,7 @@ describe('Stylable', () => {
                     -st-extends: bar;
                 }
 
-                `
+                `,
             );
 
             // invalidate cache
@@ -266,7 +266,7 @@ describe('Stylable', () => {
             });
             expect(
                 res.meta.transformDiagnostics!.reports,
-                'no diagnostics reported for foo import'
+                'no diagnostics reported for foo import',
             ).to.eql([]);
         });
 
@@ -282,7 +282,7 @@ describe('Stylable', () => {
                           .root .foo .bar { }
                     `,
                 },
-                { resolverCache }
+                { resolverCache },
             );
 
             stylable.transform(stylable.analyze('/entry.st.css'));
@@ -302,7 +302,7 @@ describe('Stylable', () => {
 
             expect(
                 res.meta.transformDiagnostics!.reports,
-                'no diagnostics reported for foo import'
+                'no diagnostics reported for foo import',
             ).to.eql([]);
         });
     });
diff --git a/packages/create-stylable-app/src/create-project.ts b/packages/create-stylable-app/src/create-project.ts
index d75e5498d5..dccc21947a 100644
--- a/packages/create-stylable-app/src/create-project.ts
+++ b/packages/create-stylable-app/src/create-project.ts
@@ -94,13 +94,13 @@ export async function createProjectFromTemplate({
     if (packageJson) {
         const packageJsonPath = path.join(targetDirectoryPath, 'package.json');
         const originalPackageJson = JSON.parse(
-            await promises.readFile(packageJsonPath, { encoding: 'utf8' })
+            await promises.readFile(packageJsonPath, { encoding: 'utf8' }),
         ) as object;
 
         const packageJsonWithOverrides = { ...originalPackageJson, ...packageJson };
         await promises.writeFile(
             packageJsonPath,
-            `${JSON.stringify(packageJsonWithOverrides, null, 2)}\n`
+            `${JSON.stringify(packageJsonWithOverrides, null, 2)}\n`,
         );
     }
 
@@ -116,17 +116,17 @@ export async function createProjectFromTemplate({
 
             return promises.writeFile(
                 gitIgnorePath,
-                `${gitIgnoreContent}\n# Stylable dts files\nst-types`
+                `${gitIgnoreContent}\n# Stylable dts files\nst-types`,
             );
         },
-        progressDotInterval
+        progressDotInterval,
     );
 
     if (dependencies?.length) {
         await executeWithProgress(
             `# Installing dependencies.`,
             () => spawnSafe('npm', ['install', ...dependencies], spawnOptions),
-            progressDotInterval
+            progressDotInterval,
         );
     }
 
@@ -134,7 +134,7 @@ export async function createProjectFromTemplate({
         await executeWithProgress(
             `# Installing devDependencies.`,
             () => spawnSafe('npm', ['install', '-D', ...devDependencies], spawnOptions),
-            progressDotInterval
+            progressDotInterval,
         );
     }
 
@@ -146,7 +146,7 @@ export async function createProjectFromTemplate({
                     await spawnSafe(command, params, spawnOptions);
                 }
             },
-            progressDotInterval
+            progressDotInterval,
         );
     }
 
diff --git a/packages/create-stylable-app/src/helpers.ts b/packages/create-stylable-app/src/helpers.ts
index c165791c38..77c5f03f50 100644
--- a/packages/create-stylable-app/src/helpers.ts
+++ b/packages/create-stylable-app/src/helpers.ts
@@ -19,7 +19,7 @@ export interface DirectoryItem {
  */
 export async function* directoryDeepChildren(
     directoryPath: string,
-    basePath = directoryPath
+    basePath = directoryPath,
 ): AsyncGenerator<DirectoryItem, void, unknown> {
     for (const item of await promises.readdir(directoryPath, { withFileTypes: true })) {
         const itemName = item.name;
@@ -59,7 +59,7 @@ export async function spawnSafe(command: string, args: string[], options?: Spawn
 export async function executeWithProgress(
     message: string,
     action: () => Promise<any>,
-    dotIntervalMs = 5000
+    dotIntervalMs = 5000,
 ) {
     let dotInterval: ReturnType<typeof setInterval> | undefined;
     try {
diff --git a/packages/create-stylable-app/template/ts-react-rollup/src/index.tsx b/packages/create-stylable-app/template/ts-react-rollup/src/index.tsx
index 4d2b62ce90..628729dc5f 100644
--- a/packages/create-stylable-app/template/ts-react-rollup/src/index.tsx
+++ b/packages/create-stylable-app/template/ts-react-rollup/src/index.tsx
@@ -6,5 +6,5 @@ import { App } from './app';
 createRoot(document.body.appendChild(document.createElement('div'))).render(
     <React.StrictMode>
         <App />
-    </React.StrictMode>
+    </React.StrictMode>,
 );
diff --git a/packages/create-stylable-app/template/ts-react-webpack-lean/src/index.tsx b/packages/create-stylable-app/template/ts-react-webpack-lean/src/index.tsx
index 4d2b62ce90..628729dc5f 100644
--- a/packages/create-stylable-app/template/ts-react-webpack-lean/src/index.tsx
+++ b/packages/create-stylable-app/template/ts-react-webpack-lean/src/index.tsx
@@ -6,5 +6,5 @@ import { App } from './app';
 createRoot(document.body.appendChild(document.createElement('div'))).render(
     <React.StrictMode>
         <App />
-    </React.StrictMode>
+    </React.StrictMode>,
 );
diff --git a/packages/create-stylable-app/template/ts-react-webpack/src/index.tsx b/packages/create-stylable-app/template/ts-react-webpack/src/index.tsx
index 4d2b62ce90..628729dc5f 100644
--- a/packages/create-stylable-app/template/ts-react-webpack/src/index.tsx
+++ b/packages/create-stylable-app/template/ts-react-webpack/src/index.tsx
@@ -6,5 +6,5 @@ import { App } from './app';
 createRoot(document.body.appendChild(document.createElement('div'))).render(
     <React.StrictMode>
         <App />
-    </React.StrictMode>
+    </React.StrictMode>,
 );
diff --git a/packages/custom-value/test/st-border.spec.ts b/packages/custom-value/test/st-border.spec.ts
index f7b46b8917..d4d876f5b0 100644
--- a/packages/custom-value/test/st-border.spec.ts
+++ b/packages/custom-value/test/st-border.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'st-border';
 const projectDir = dirname(
-    require.resolve(`@stylable/custom-value/test/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/custom-value/test/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -17,7 +17,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('renders css', async () => {
diff --git a/packages/dom-test-kit/src/stylable-dom-util.ts b/packages/dom-test-kit/src/stylable-dom-util.ts
index afaa39666e..6b22cf6d05 100644
--- a/packages/dom-test-kit/src/stylable-dom-util.ts
+++ b/packages/dom-test-kit/src/stylable-dom-util.ts
@@ -29,7 +29,10 @@ function convertToClass(node: SelectorNode) {
 }
 
 export class StylableDOMUtil {
-    constructor(private stylesheet: StylesheetHost, private root?: Element) {}
+    constructor(
+        private stylesheet: StylesheetHost,
+        private root?: Element,
+    ) {}
     public select(selector?: string, element?: PartialElement): Element | null {
         const el = element || this.root;
         return el ? el.querySelector(this.scopeSelector(selector)) : null;
@@ -55,19 +58,19 @@ export class StylableDOMUtil {
                 if (!args) {
                     convertToClass(node).value = STCustomState.createBooleanStateClassName(
                         node.value,
-                        namespace
+                        namespace,
                     );
                 } else {
                     const nestedContent = stringifySelectorAst(args);
                     convertToClass(node).value = STCustomState.createStateWithParamClassName(
                         node.value,
                         namespace,
-                        nestedContent
+                        nestedContent,
                     );
                 }
             } else if (node.type === 'pseudo_element' || node.type === 'type') {
                 throw new Error(
-                    `selector with ${node.type.replace(/_/, `-`)} is not supported yet.`
+                    `selector with ${node.type.replace(/_/, `-`)} is not supported yet.`,
                 );
             }
         });
@@ -77,18 +80,18 @@ export class StylableDOMUtil {
     public hasStyleState(
         element: PartialElement,
         stateName: string,
-        param: StateValue = true
+        param: StateValue = true,
     ): boolean {
         const namespace = this.stylesheet.namespace;
 
         if (typeof param === 'boolean') {
             return element.classList.contains(
-                STCustomState.createBooleanStateClassName(stateName, namespace)
+                STCustomState.createBooleanStateClassName(stateName, namespace),
             );
         }
 
         return element.classList.contains(
-            STCustomState.createStateWithParamClassName(stateName, namespace, String(param))
+            STCustomState.createStateWithParamClassName(stateName, namespace, String(param)),
         );
     }
 
@@ -99,7 +102,7 @@ export class StylableDOMUtil {
 
         const booleanState = STCustomState.createBooleanStateClassName(
             stateName,
-            this.stylesheet.namespace
+            this.stylesheet.namespace,
         );
         if (element.classList.contains(booleanState)) {
             return true;
@@ -135,7 +138,7 @@ export class StylableDOMUtil {
         return STCustomState.createStateWithParamClassName(
             stateName,
             this.stylesheet.namespace,
-            singleCharState
+            singleCharState,
         ).slice(0, -3);
     }
 }
diff --git a/packages/dom-test-kit/test/contract-test.ts b/packages/dom-test-kit/test/contract-test.ts
index d1e3766de9..9017fbb087 100644
--- a/packages/dom-test-kit/test/contract-test.ts
+++ b/packages/dom-test-kit/test/contract-test.ts
@@ -6,9 +6,9 @@ import { expect } from 'chai';
 export const contractTest =
     <T extends PartialElement>(
         StylableUtilClass: new (
-            host: StylesheetHost & { cssStates(states: Record<string, StateValue>): string }
+            host: StylesheetHost & { cssStates(states: Record<string, StateValue>): string },
         ) => any,
-        options: { scopeSelectorTest?: boolean; createElement: () => T }
+        options: { scopeSelectorTest?: boolean; createElement: () => T },
     ) =>
     () => {
         const namespace = 'ns';
@@ -34,12 +34,12 @@ export const contractTest =
             });
             it('scopeSelector Error("pseudo-element")', () => {
                 expect(() => util.scopeSelector('.x::y')).to.throw(
-                    'selector with pseudo-element is not supported yet.'
+                    'selector with pseudo-element is not supported yet.',
                 );
             });
             it('scopeSelector Error("type")', () => {
                 expect(() => util.scopeSelector('x')).to.throw(
-                    'selector with type is not supported yet.'
+                    'selector with type is not supported yet.',
                 );
             });
             it('scopeSelector handle local states', () => {
@@ -47,12 +47,12 @@ export const contractTest =
             });
             it('scopeSelector handles local state with a paramter', () => {
                 expect(util.scopeSelector('.x:loading(done)')).to.equal(
-                    `.ns__x.ns---loading-4-done`
+                    `.ns__x.ns---loading-4-done`,
                 );
             });
             it('scopeSelector handle class local states (multiple)', () => {
                 expect(util.scopeSelector('.x:loading:thinking')).to.equal(
-                    `.ns__x.ns--loading.ns--thinking`
+                    `.ns__x.ns--loading.ns--thinking`,
                 );
             });
         }
diff --git a/packages/dom-test-kit/test/stylable-dom-util.spec.ts b/packages/dom-test-kit/test/stylable-dom-util.spec.ts
index a9a127481e..5a6970c2b9 100644
--- a/packages/dom-test-kit/test/stylable-dom-util.spec.ts
+++ b/packages/dom-test-kit/test/stylable-dom-util.spec.ts
@@ -11,7 +11,7 @@ describe(
     contractTest(StylableDOMUtil, {
         scopeSelectorTest: true,
         createElement: () => minDoc.createElement('div') as unknown as PartialElement,
-    })
+    }),
 );
 
 describe('stylable-dom-utils type compliance', function () {
@@ -45,12 +45,12 @@ describe('stylable-dom-utils type compliance', function () {
                     const tk = new StylableDOMUtil(stylesheet);
             `,
             },
-            false
+            false,
         );
         tk.linkNodeModules();
 
         expect(tk.typecheck('test.ts')).to.include(
-            "Argument of type 'unknown' is not assignable to parameter of type 'StylesheetHost'"
+            "Argument of type 'unknown' is not assignable to parameter of type 'StylesheetHost'",
         );
     });
 
diff --git a/packages/e2e-test-kit/src/cli-test-kit.ts b/packages/e2e-test-kit/src/cli-test-kit.ts
index 81cc284ca7..19ec2016ca 100644
--- a/packages/e2e-test-kit/src/cli-test-kit.ts
+++ b/packages/e2e-test-kit/src/cli-test-kit.ts
@@ -45,7 +45,7 @@ export function createCliTester() {
         return timeoutPromise(
             runSteps(),
             timeout,
-            () => `${JSON.stringify(found, null, 3)}\n\n${output()}`
+            () => `${JSON.stringify(found, null, 3)}\n\n${output()}`,
         );
 
         async function runSteps() {
diff --git a/packages/e2e-test-kit/src/dts-kit.ts b/packages/e2e-test-kit/src/dts-kit.ts
index b9fb4637e8..3ddce7d344 100644
--- a/packages/e2e-test-kit/src/dts-kit.ts
+++ b/packages/e2e-test-kit/src/dts-kit.ts
@@ -27,7 +27,6 @@ export class DTSKit {
             resolveNamespace(ns) {
                 return ns;
             },
-
         });
     }
 
@@ -61,7 +60,7 @@ export class DTSKit {
 
         if (syntacticDiagnostics.length) {
             throw new Error(
-                `Syntax error found: ${syntacticDiagnostics.map((e) => e.messageText).join(' ')}`
+                `Syntax error found: ${syntacticDiagnostics.map((e) => e.messageText).join(' ')}`,
             );
         }
 
@@ -97,13 +96,13 @@ export class DTSKit {
         fs.symlinkSync(
             join(__dirname, '../../../node_modules'),
             join(this.tmp.path, 'node_modules'),
-            'junction'
+            'junction',
         );
     }
 
     private genDTS(internalPath: string) {
         const results = this.stylable.transform(
-            this.stylable.analyze(this.sourcePath(internalPath))
+            this.stylable.analyze(this.sourcePath(internalPath)),
         );
         this.write(internalPath + '.d.ts', generateDTSContent(results));
     }
diff --git a/packages/e2e-test-kit/src/file-system-helpers.ts b/packages/e2e-test-kit/src/file-system-helpers.ts
index 6f6149c560..f3295ea25e 100644
--- a/packages/e2e-test-kit/src/file-system-helpers.ts
+++ b/packages/e2e-test-kit/src/file-system-helpers.ts
@@ -32,7 +32,7 @@ export interface FilesStructure {
 export function populateDirectorySync(
     rootDir: string,
     files: FilesStructure,
-    context: { symlinks: Map<string, Set<string>> } = { symlinks: new Map() }
+    context: { symlinks: Map<string, Set<string>> } = { symlinks: new Map() },
 ) {
     for (const [filePath, content] of Object.entries(files)) {
         const path = join(rootDir, filePath);
diff --git a/packages/e2e-test-kit/src/project-runner.ts b/packages/e2e-test-kit/src/project-runner.ts
index dbda3953ca..4932d41ee0 100644
--- a/packages/e2e-test-kit/src/project-runner.ts
+++ b/packages/e2e-test-kit/src/project-runner.ts
@@ -35,7 +35,7 @@ export class ProjectRunner {
         runnerOptions: Options,
         before: MochaHook,
         afterEach: MochaHook,
-        after: MochaHook
+        after: MochaHook,
     ) {
         const projectRunner = new this(runnerOptions);
 
@@ -121,7 +121,7 @@ export class ProjectRunner {
                     }
                 }
                 this.stats = stats;
-            }
+            },
         );
 
         await firstCompile.promise;
@@ -152,7 +152,7 @@ export class ProjectRunner {
         actionDesc: string,
         action: () => Promise<void> | void,
         validate: (controlledWaitFor: typeof waitFor) => Promise<void> | void = () =>
-            Promise.resolve()
+            Promise.resolve(),
     ) {
         const timeoutMs = 15000;
         const controlledWaitFor: typeof waitFor = (action, options = {}) => {
@@ -166,7 +166,7 @@ export class ProjectRunner {
             await timeout(
                 validate(controlledWaitFor) || Promise.resolve(),
                 timeoutMs + 100, // allow inner timeout to fail first
-                `[timeout after ${timeoutMs + 100}ms] "${actionDesc}"`
+                `[timeout after ${timeoutMs + 100}ms] "${actionDesc}"`,
             );
         } catch (e) {
             if (e) {
@@ -180,7 +180,7 @@ export class ProjectRunner {
             if (process.env.PLAYWRIGHT_SERVER) {
                 this.browser = await playwright.chromium.connect(
                     process.env.PLAYWRIGHT_SERVER,
-                    this.options.launchOptions
+                    this.options.launchOptions,
                 );
             } else {
                 this.browser = await playwright.chromium.launch(this.options.launchOptions);
@@ -236,7 +236,7 @@ export class ProjectRunner {
     public getBuildAsset(assetPath: string) {
         return nodeFs.readFileSync(
             join(this.stats?.compilation.options.output.path || '', normalize(assetPath)),
-            'utf-8'
+            'utf-8',
         );
     }
     public getBuildAssets(): Assets {
@@ -244,7 +244,7 @@ export class ProjectRunner {
             acc[assetPath] = {
                 distPath: join(
                     this.stats?.compilation.options.output.path || '',
-                    normalize(assetPath)
+                    normalize(assetPath),
                 ),
                 source() {
                     return nodeFs.readFileSync(this.distPath, 'utf8');
@@ -264,14 +264,14 @@ export class ProjectRunner {
             'exports',
             '__webpack_public_path__',
             'define',
-            source
+            source,
         );
         moduleFactory(
             _module,
             _module.exports,
             publicPath,
             (factory: any) =>
-                (_module.exports = typeof factory === 'function' ? factory() : factory)
+                (_module.exports = typeof factory === 'function' ? factory() : factory),
         );
         return _module.exports;
     }
@@ -282,7 +282,7 @@ export class ProjectRunner {
             const names = [];
             const modules = compilation.chunkGraph.getChunkModulesIterableBySourceType(
                 chunk,
-                'javascript'
+                'javascript',
             );
             if (modules) {
                 for (const module of modules) {
@@ -348,7 +348,7 @@ export class ProjectRunner {
                         ...this.options.webpackOptions?.output,
                         path: join(
                             this.outputDir,
-                            loadedConfig[Symbol.for('TestRunnerInternalPath')] ?? `output_${i + 1}`
+                            loadedConfig[Symbol.for('TestRunnerInternalPath')] ?? `output_${i + 1}`,
                         ),
                     },
                 };
@@ -380,7 +380,7 @@ export class ProjectRunner {
             symlinkSync(
                 join(__dirname, '../../../node_modules'), // #1
                 join(tempPath, 'node_modules'),
-                'junction'
+                'junction',
             );
             this.tempPath = tempPath;
             this.testDir = tempProjectPath;
diff --git a/packages/e2e-test-kit/src/stylable-project-runner.ts b/packages/e2e-test-kit/src/stylable-project-runner.ts
index 46a2a445aa..3f016660f0 100644
--- a/packages/e2e-test-kit/src/stylable-project-runner.ts
+++ b/packages/e2e-test-kit/src/stylable-project-runner.ts
@@ -5,7 +5,7 @@ export class StylableProjectRunner extends ProjectRunner {
         const config = super.loadWebpackConfig();
         if (config.plugins) {
             const plugin = config.plugins.find(
-                (plugin) => plugin?.constructor.name === 'StylableWebpackPlugin'
+                (plugin) => plugin?.constructor.name === 'StylableWebpackPlugin',
             );
 
             if (plugin) {
diff --git a/packages/e2e-test-kit/src/stylable-webpack-test-utils.ts b/packages/e2e-test-kit/src/stylable-webpack-test-utils.ts
index 3abfc11270..74b178eb97 100644
--- a/packages/e2e-test-kit/src/stylable-webpack-test-utils.ts
+++ b/packages/e2e-test-kit/src/stylable-webpack-test-utils.ts
@@ -15,7 +15,7 @@ export interface MinimalStylableModule extends MinimalModule {
 
 export function findModule(modules: MinimalModule[], contextPath: string) {
     return modules.find(
-        (module) => module.type === 'stylable' && normalizeModuleResource(module) === contextPath
+        (module) => module.type === 'stylable' && normalizeModuleResource(module) === contextPath,
     );
 }
 
@@ -34,7 +34,7 @@ export function evalAssetModule(assetModule: MinimalModule, publicPath = ''): an
 
 export function evalStylableModule(
     stylableModule: MinimalStylableModule,
-    requireFunction: (id: string) => any
+    requireFunction: (id: string) => any,
 ) {
     const code = (stylableModule as any)._cachedSource.source();
     // const assets = stylableModule.dependencies.filter(
@@ -55,7 +55,7 @@ export function evalStylableModule(
         }
         if (!requireFunction) {
             throw new Error(
-                `evalStylableModule("${id}"): requireFunction missing in test with javascript files or assets`
+                `evalStylableModule("${id}"): requireFunction missing in test with javascript files or assets`,
             );
         }
         return requireFunction(id);
diff --git a/packages/esbuild/src/debug.ts b/packages/esbuild/src/debug.ts
index 92bb4a137f..1efabd2aae 100644
--- a/packages/esbuild/src/debug.ts
+++ b/packages/esbuild/src/debug.ts
@@ -11,7 +11,7 @@ const counters: Record<string, number> = {};
         Object.values(timers)
             .reduce((a, b) => a + b, 0)
             .toFixed(2),
-        'ms'
+        'ms',
     );
 };
 
diff --git a/packages/esbuild/src/plugin-utils.ts b/packages/esbuild/src/plugin-utils.ts
index 491b2c77d2..2905127596 100644
--- a/packages/esbuild/src/plugin-utils.ts
+++ b/packages/esbuild/src/plugin-utils.ts
@@ -37,13 +37,13 @@ export function clearCaches(stylable: Stylable) {
 export function processAssetsStubs(moduleCode: string) {
     return moduleCode.replace(
         /\\"http:\/\/__stylable_url_asset_(.*?)__\\"/g,
-        (_$0, $1) => `" + JSON.stringify(__css_asset_${Number($1)}__) + "`
+        (_$0, $1) => `" + JSON.stringify(__css_asset_${Number($1)}__) + "`,
     );
 }
 export function processAssetsAndApplyStubs(
     imports: { from: string; defaultImport?: string }[],
     res: StylableResults,
-    stylable: Stylable
+    stylable: Stylable,
 ) {
     processUrlDependencies({
         meta: res.meta,
@@ -80,7 +80,7 @@ export function enableEsbuildMetafile(build: PluginBuild, cssInjection: string)
     if (cssInjection === 'css') {
         if (build.initialOptions.metafile === false) {
             console.warn(
-                "'stylable-esbuild-plugin' requires the 'metafile' configuration option to be enabled for CSS injection. Since it appears to be disabled, we will automatically enable it for you. Please note that this is necessary for proper plugin functionality."
+                "'stylable-esbuild-plugin' requires the 'metafile' configuration option to be enabled for CSS injection. Since it appears to be disabled, we will automatically enable it for you. Please note that this is necessary for proper plugin functionality.",
             );
         }
         build.initialOptions.metafile = true;
@@ -126,7 +126,7 @@ export function buildUsageMapping(metafile: Metafile, stylable: Stylable): Optim
                     ...usage,
                 ]
                     .map((e) => e.path)
-                    .join('\n')}`
+                    .join('\n')}`,
             );
         }
     }
@@ -153,7 +153,7 @@ export function esbuildEmitDiagnostics(res: StylableResults, diagnosticsMode: Di
         },
         res.meta,
         diagnosticsMode,
-        res.meta.source
+        res.meta.source,
     );
     return { errors, warnings };
 }
@@ -211,7 +211,7 @@ export function sortMarkersByDepth(
     css: string,
     stylable: Stylable,
     idForMap: IdForPath,
-    { usageMapping, globalMappings }: OptimizationMapping
+    { usageMapping, globalMappings }: OptimizationMapping,
 ) {
     const extracted: { depth: number; css: string; path: string }[] = [];
     const leftOverCss = css.replace(
@@ -224,14 +224,14 @@ export function sortMarkersByDepth(
                 path: idForMap.getPath(parseInt(pathId, 10)) || '',
             });
             return '';
-        }
+        },
     );
 
     const sorted = sortModulesByDepth(
         extracted,
         (m) => m.depth,
         (_) => '',
-        -1
+        -1,
     );
 
     return (
@@ -240,7 +240,7 @@ export function sortMarkersByDepth(
             .map((m) =>
                 usageMapping && globalMappings
                     ? removeUnusedComponents(m.css, stylable, usageMapping, globalMappings[m.path])
-                    : m.css
+                    : m.css,
             )
             .join('')
     );
@@ -275,7 +275,7 @@ function removeUnusedComponents(
     stylable: Stylable,
     usageMapping: Record<string, boolean>,
     // global mapping per stylable meta
-    globalMappings: Record<string, boolean>
+    globalMappings: Record<string, boolean>,
 ) {
     const ast = parse(css);
     stylable.optimizer?.optimizeAst(
@@ -283,7 +283,7 @@ function removeUnusedComponents(
         ast,
         usageMapping,
         stubExports,
-        globalMappings
+        globalMappings,
     );
     return ast.toString();
 }
diff --git a/packages/esbuild/src/stylable-esbuild-plugin.ts b/packages/esbuild/src/stylable-esbuild-plugin.ts
index 4d98ba8614..4c521be13f 100644
--- a/packages/esbuild/src/stylable-esbuild-plugin.ts
+++ b/packages/esbuild/src/stylable-esbuild-plugin.ts
@@ -111,7 +111,7 @@ export const stylablePlugin = (initialPluginOptions: ESBuildOptions = {}): Plugi
         const configFromFile = resolveConfig(
             projectRoot,
             fs,
-            typeof configFile === 'string' ? configFile : undefined
+            typeof configFile === 'string' ? configFile : undefined,
         );
         const stConfig = stylableConfig(
             {
@@ -124,7 +124,7 @@ export const stylablePlugin = (initialPluginOptions: ESBuildOptions = {}): Plugi
                     configFromFile?.config?.defaultConfig?.resolveNamespace ?? resolveNamespaceNode,
                 resolveModule: configFromFile?.config?.defaultConfig?.resolveModule,
             },
-            build
+            build,
         );
         let onLoadCalled = false;
         const stylable = new Stylable(stConfig);
@@ -141,7 +141,7 @@ export const stylablePlugin = (initialPluginOptions: ESBuildOptions = {}): Plugi
                     path: args.path.replace(namespaces.unused + `:`, ''),
                     namespace: namespaces.unused,
                 };
-            })
+            }),
         );
 
         /**
@@ -164,7 +164,7 @@ export const stylablePlugin = (initialPluginOptions: ESBuildOptions = {}): Plugi
                     namespace: cssInjection === 'css' ? namespaces.nativeCss : namespaces.jsModule,
                     pluginData: args.pluginData,
                 };
-            })
+            }),
         );
 
         /**
@@ -177,7 +177,7 @@ export const stylablePlugin = (initialPluginOptions: ESBuildOptions = {}): Plugi
                     path: stylable.resolvePath(args.resolveDir, args.path),
                     namespace: namespaces.jsModule,
                 };
-            })
+            }),
         );
 
         /**
@@ -250,7 +250,7 @@ export const stylablePlugin = (initialPluginOptions: ESBuildOptions = {}): Plugi
                               runtimeId: 'esbuild',
                               id: getModuleId(),
                           }
-                        : undefined
+                        : undefined,
                 );
                 return addToCache(args.path, {
                     errors,
@@ -260,7 +260,7 @@ export const stylablePlugin = (initialPluginOptions: ESBuildOptions = {}): Plugi
                     contents: cssInjection === 'js' ? processAssetsStubs(moduleCode) : moduleCode,
                     pluginData: { stylableResults: res },
                 });
-            })
+            }),
         );
 
         /**
@@ -272,7 +272,7 @@ export const stylablePlugin = (initialPluginOptions: ESBuildOptions = {}): Plugi
                 return {
                     contents: `/* unused ${JSON.stringify(args.path)} */`,
                 };
-            })
+            }),
         );
 
         /**
@@ -298,11 +298,11 @@ export const stylablePlugin = (initialPluginOptions: ESBuildOptions = {}): Plugi
                     contents: wrapWithDepthMarkers(
                         res.meta.targetAst!.toString(),
                         cssDepth,
-                        pathId
+                        pathId,
                     ),
                     loader: 'css',
                 });
-            })
+            }),
         );
 
         /**
@@ -319,7 +319,7 @@ export const stylablePlugin = (initialPluginOptions: ESBuildOptions = {}): Plugi
                     contents: wrapWithDepthMarkers(meta.targetAst!.toString(), cssDepth, pathId),
                     loader: 'css',
                 };
-            })
+            }),
         );
 
         /**
@@ -388,14 +388,14 @@ export const stylablePlugin = (initialPluginOptions: ESBuildOptions = {}): Plugi
                                 fs.readFileSync(distFilePath, 'utf8'),
                                 stylable,
                                 idForPath,
-                                optimize.removeUnusedComponents ? mapping : {}
-                            )
+                                optimize.removeUnusedComponents ? mapping : {},
+                            ),
                         );
                     }
                 }
                 lazyClearCaches(stylable);
                 lazyDebugPrint();
-            })
+            }),
         );
     },
 });
diff --git a/packages/esbuild/test/e2e/esbuild-testkit.ts b/packages/esbuild/test/e2e/esbuild-testkit.ts
index 4f43bef2be..5508fcbc59 100644
--- a/packages/esbuild/test/e2e/esbuild-testkit.ts
+++ b/packages/esbuild/test/e2e/esbuild-testkit.ts
@@ -8,13 +8,13 @@ import playwright from 'playwright-core';
 
 type BuildFn = (
     build: typeof context,
-    options: (options: BuildOptions) => BuildOptions
+    options: (options: BuildOptions) => BuildOptions,
 ) => Promise<BuildContext>;
 
 export class ESBuildTestKit {
     disposables: Array<() => void | Promise<void>> = [];
     constructor(
-        private options: { log?: boolean; launchOptions?: playwright.LaunchOptions } = {}
+        private options: { log?: boolean; launchOptions?: playwright.LaunchOptions } = {},
     ) {}
     async build({
         project,
@@ -43,7 +43,7 @@ export class ESBuildTestKit {
             symlinkSync(
                 join(__dirname, '../../../../../node_modules'),
                 join(t.path, 'node_modules'),
-                'junction'
+                'junction',
             );
             this.options.log &&
                 console.log(`created temp project ${projectDir} and linked node_modules`);
@@ -109,7 +109,7 @@ export class ESBuildTestKit {
             const { server, serverUrl } = await runServer(
                 projectDir,
                 3000,
-                (...args) => this.options.log && console.log(project, ...args)
+                (...args) => this.options.log && console.log(project, ...args),
             );
             this.disposables.push(() => server.close());
             this.options.log && console.log(project, 'Served at ', serverUrl);
@@ -118,7 +118,7 @@ export class ESBuildTestKit {
         const open = async (
             launchOptions?: playwright.LaunchOptions,
             pathname?: string,
-            captureResponses?: boolean
+            captureResponses?: boolean,
         ) => {
             if (!openServerUrl) {
                 await serve();
diff --git a/packages/esbuild/test/e2e/simple-case/index.bundle.html b/packages/esbuild/test/e2e/simple-case/index.bundle.html
index c23da72ad5..fd164ceeb2 100644
--- a/packages/esbuild/test/e2e/simple-case/index.bundle.html
+++ b/packages/esbuild/test/e2e/simple-case/index.bundle.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
diff --git a/packages/esbuild/test/e2e/simple-case/index.html b/packages/esbuild/test/e2e/simple-case/index.html
index 20fe81dc0a..fd356b0a90 100644
--- a/packages/esbuild/test/e2e/simple-case/index.html
+++ b/packages/esbuild/test/e2e/simple-case/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
diff --git a/packages/esbuild/test/e2e/simple-case/simple-case.spec.ts b/packages/esbuild/test/e2e/simple-case/simple-case.spec.ts
index 52dc53f42a..80301ee6f0 100644
--- a/packages/esbuild/test/e2e/simple-case/simple-case.spec.ts
+++ b/packages/esbuild/test/e2e/simple-case/simple-case.spec.ts
@@ -50,7 +50,7 @@ describe('Stylable ESBuild plugin', () => {
             await open({}, 'index.html', true),
             stylesInOrder.map(({ path, namespace }) => ({ st_id: `${path}|${namespace}` })),
             `"class extending component '.root => .b__root' in stylesheet 'b.st.css' was set on a node that does not extend '.root => .deep__root' from stylesheet 'deep.st.css'"`,
-            'override-active'
+            'override-active',
         );
     });
 
@@ -63,7 +63,7 @@ describe('Stylable ESBuild plugin', () => {
         const css = read('dist-bundle/index.css');
 
         const matchOrder = new RegExp(
-            stylesInOrder.map(({ fileName }) => escapeRegExp(fileName)).join('[\\s\\S]*?')
+            stylesInOrder.map(({ fileName }) => escapeRegExp(fileName)).join('[\\s\\S]*?'),
         );
 
         expect(css).to.match(matchOrder);
@@ -82,7 +82,7 @@ describe('Stylable ESBuild plugin', () => {
         const css = read('dist-bundle/index.css');
 
         const matchOrder = new RegExp(
-            stylesInOrder.map(({ fileName }) => escapeRegExp(fileName)).join('[\\s\\S]*?')
+            stylesInOrder.map(({ fileName }) => escapeRegExp(fileName)).join('[\\s\\S]*?'),
         );
         expect(css).to.match(matchOrder);
     });
@@ -96,7 +96,7 @@ async function contract(
     { page, responses }: { page: Page; responses?: Array<Response> },
     stylesheets: Array<Record<string, string>>,
     devRuleMatch: string,
-    unusedComponent: string
+    unusedComponent: string,
 ) {
     const { unusedComponentValue, reset, sideEffects, simpleOrderOverride, styles, devRule } =
         await page.evaluate(() => {
@@ -111,14 +111,14 @@ async function contract(
                 sideEffects: getComputedStyle(document.body).getPropertyValue('--side-effects'),
                 reset: getComputedStyle(document.body).getPropertyValue('--reset'),
                 unusedComponentValue: getComputedStyle(
-                    document.querySelector('.deep__root')!
+                    document.querySelector('.deep__root')!,
                 ).getPropertyValue('--unused-deep'),
             };
         });
 
     const assetLoaded = Boolean(responses?.find((r) => r.url().match(/asset-.*?\.png$/)));
     const internalDirAsset = Boolean(
-        responses?.find((r) => r.url().match(/internal-dir-.*?\.png$/))
+        responses?.find((r) => r.url().match(/internal-dir-.*?\.png$/)),
     );
 
     expect(internalDirAsset, 'asset loaded from internal dir').to.eql(true);
diff --git a/packages/esbuild/test/e2e/tree-shake/index.html b/packages/esbuild/test/e2e/tree-shake/index.html
index cfc1ec66ea..8f81742abc 100644
--- a/packages/esbuild/test/e2e/tree-shake/index.html
+++ b/packages/esbuild/test/e2e/tree-shake/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
diff --git a/packages/eslint-plugin-stylable/src/stylable-es-lint.ts b/packages/eslint-plugin-stylable/src/stylable-es-lint.ts
index 15af21a899..cff184b779 100644
--- a/packages/eslint-plugin-stylable/src/stylable-es-lint.ts
+++ b/packages/eslint-plugin-stylable/src/stylable-es-lint.ts
@@ -67,7 +67,7 @@ export default createRule({
                 }
 
                 const namedImports = node.specifiers.filter(
-                    (sp) => sp.type === AST_NODE_TYPES.ImportSpecifier
+                    (sp) => sp.type === AST_NODE_TYPES.ImportSpecifier,
                 );
 
                 namedImports.forEach(({ imported, local }) => {
@@ -147,7 +147,7 @@ function getStylableRequest(importStatement: esTree.ImportDeclaration) {
 function getMemberAccessor(
     // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents
     property: esTree.PrivateIdentifier | esTree.Expression,
-    isComputed: boolean
+    isComputed: boolean,
 ) {
     if (isIdentifier(property) && !isComputed) {
         return property.name;
diff --git a/packages/eslint-plugin-stylable/test/stylable-es-lint.spec.ts b/packages/eslint-plugin-stylable/test/stylable-es-lint.spec.ts
index 550e118094..b8a9a7bc1d 100644
--- a/packages/eslint-plugin-stylable/test/stylable-es-lint.spec.ts
+++ b/packages/eslint-plugin-stylable/test/stylable-es-lint.spec.ts
@@ -29,7 +29,7 @@ fs.writeFileSync(
 }
 
 @keyframes test {}
-`
+`,
 );
 
 after(() => {
diff --git a/packages/experimental-loader/src/add-build-info.ts b/packages/experimental-loader/src/add-build-info.ts
index 9227aa479a..5b82fa3cf6 100644
--- a/packages/experimental-loader/src/add-build-info.ts
+++ b/packages/experimental-loader/src/add-build-info.ts
@@ -8,8 +8,8 @@ export function addBuildInfo(ctx: LoaderContext<any>, namespace: string) {
             new Error(
                 `Failed to add stylableNamespace buildInfo for: ${ctx.resourcePath} because ${
                     (error as Error).message
-                }`
-            )
+                }`,
+            ),
         );
     }
 }
diff --git a/packages/experimental-loader/src/cached-stylable-factory.ts b/packages/experimental-loader/src/cached-stylable-factory.ts
index 696a36f637..6e4dbafc06 100644
--- a/packages/experimental-loader/src/cached-stylable-factory.ts
+++ b/packages/experimental-loader/src/cached-stylable-factory.ts
@@ -35,7 +35,7 @@ export function getStylable(compiler: Compiler, initialConfig: StylableConfig):
 
 function findMatchingStylableInstance(
     initialConfig: StylableConfig,
-    stylableInstances: Map<Stylable, StylableConfig>
+    stylableInstances: Map<Stylable, StylableConfig>,
 ) {
     const entries = Object.entries(initialConfig) as [keyof StylableConfig, unknown][];
     for (const [instance, config] of stylableInstances) {
diff --git a/packages/experimental-loader/src/stylable-runtime-loader.ts b/packages/experimental-loader/src/stylable-runtime-loader.ts
index fd33abb2f5..9caf1c2c09 100644
--- a/packages/experimental-loader/src/stylable-runtime-loader.ts
+++ b/packages/experimental-loader/src/stylable-runtime-loader.ts
@@ -15,7 +15,7 @@ function evalStylableExtractModule(source: string): [string, StylableExports] {
         'module',
         'exports',
         'require',
-        source.replace('export default ', 'module.exports = ')
+        source.replace('export default ', 'module.exports = '),
     );
     fn(_module, _module.exports);
     return _module.exports as [string, StylableExports];
diff --git a/packages/experimental-loader/src/stylable-transform-loader.ts b/packages/experimental-loader/src/stylable-transform-loader.ts
index 6efb0dcde7..73c1c5c007 100644
--- a/packages/experimental-loader/src/stylable-transform-loader.ts
+++ b/packages/experimental-loader/src/stylable-transform-loader.ts
@@ -67,7 +67,7 @@ const stylableLoader: LoaderDefinition = function (content) {
 
     const resolveModule = createWebpackResolver(
         this.fs as any,
-        this._compiler!.options.resolve as any
+        this._compiler!.options.resolve as any,
     );
     const stylable = getStylable(this._compiler!, {
         projectRoot: this.rootContext,
@@ -153,7 +153,7 @@ const stylableLoader: LoaderDefinition = function (content) {
                 ___CSS_LOADER_EXPORT___.locals = ${JSON.stringify([meta.namespace, exports])}
 
                 module.exports = ___CSS_LOADER_EXPORT___;
-                `
+                `,
             );
         })
         .catch((error) => {
@@ -164,7 +164,7 @@ const stylableLoader: LoaderDefinition = function (content) {
             callback(
                 error.name === 'CssSyntaxError'
                     ? new CssSyntaxError(error)
-                    : new Error('Failed to process css urls. caused by:\n' + error.stack)
+                    : new Error('Failed to process css urls. caused by:\n' + error.stack),
             );
         });
 };
diff --git a/packages/experimental-loader/test/basic-integration.spec.ts b/packages/experimental-loader/test/basic-integration.spec.ts
index 3e309c0823..a284566be6 100644
--- a/packages/experimental-loader/test/basic-integration.spec.ts
+++ b/packages/experimental-loader/test/basic-integration.spec.ts
@@ -5,7 +5,7 @@ import { join, dirname } from 'path';
 
 const project = 'basic-integration';
 const projectDir = dirname(
-    require.resolve(`@stylable/experimental-loader/test/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/experimental-loader/test/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -18,7 +18,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('renders css', async () => {
@@ -30,7 +30,7 @@ describe(`(${project})`, () => {
 
     it('output buildInfo', () => {
         const manifest = JSON.parse(
-            readFileSync(join(projectRunner.outputDir, 'test-manifest.json'), 'utf8')
+            readFileSync(join(projectRunner.outputDir, 'test-manifest.json'), 'utf8'),
         );
         expect(manifest).to.eql({
             'foo.st.css': 'foo',
diff --git a/packages/experimental-loader/test/errors-integration.spec.ts b/packages/experimental-loader/test/errors-integration.spec.ts
index e30c4e541c..733d40a940 100644
--- a/packages/experimental-loader/test/errors-integration.spec.ts
+++ b/packages/experimental-loader/test/errors-integration.spec.ts
@@ -10,7 +10,7 @@ const parseImportDiagnostics = diagnosticBankReportToStrings(parseImportMessages
 
 const project = 'errors-integration';
 const projectDir = dirname(
-    require.resolve(`@stylable/experimental-loader/test/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/experimental-loader/test/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -24,7 +24,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('emit errors and warnings from loader', () => {
diff --git a/packages/experimental-loader/test/exports-only-mode.spec.ts b/packages/experimental-loader/test/exports-only-mode.spec.ts
index af9d5da539..b713d0f4bb 100644
--- a/packages/experimental-loader/test/exports-only-mode.spec.ts
+++ b/packages/experimental-loader/test/exports-only-mode.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'exports-only-mode';
 const projectDir = dirname(
-    require.resolve(`@stylable/experimental-loader/test/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/experimental-loader/test/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -17,7 +17,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('load the stylable exports', async () => {
diff --git a/packages/experimental-loader/test/testkit/manifest-plugin.ts b/packages/experimental-loader/test/testkit/manifest-plugin.ts
index c7b6e43d8e..2c4a3f4642 100644
--- a/packages/experimental-loader/test/testkit/manifest-plugin.ts
+++ b/packages/experimental-loader/test/testkit/manifest-plugin.ts
@@ -23,7 +23,7 @@ export class TestManifestPlugin {
                 }
 
                 compilation.assets['test-manifest.json'] = new compiler.webpack.sources.RawSource(
-                    JSON.stringify(data, null, 4)
+                    JSON.stringify(data, null, 4),
                 );
             });
         });
diff --git a/packages/experimental-loader/test/two-components-dynamic-order-prod.spec.ts b/packages/experimental-loader/test/two-components-dynamic-order-prod.spec.ts
index cef9ce5413..a3eff62edd 100644
--- a/packages/experimental-loader/test/two-components-dynamic-order-prod.spec.ts
+++ b/packages/experimental-loader/test/two-components-dynamic-order-prod.spec.ts
@@ -4,7 +4,7 @@ import { dirname, join } from 'path';
 
 const project = 'two-components-dynamic-order';
 const projectDir = dirname(
-    require.resolve(`@stylable/experimental-loader/test/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/experimental-loader/test/projects/${project}/webpack.config`),
 );
 
 describe(`(${project}) (production)`, () => {
@@ -21,7 +21,7 @@ describe(`(${project}) (production)`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('renders css', async () => {
diff --git a/packages/experimental-loader/test/two-components-dynamic-order.spec.ts b/packages/experimental-loader/test/two-components-dynamic-order.spec.ts
index 0216b2d16d..0de485b3b5 100644
--- a/packages/experimental-loader/test/two-components-dynamic-order.spec.ts
+++ b/packages/experimental-loader/test/two-components-dynamic-order.spec.ts
@@ -4,7 +4,7 @@ import { dirname, join } from 'path';
 
 const project = 'two-components-dynamic-order';
 const projectDir = dirname(
-    require.resolve(`@stylable/experimental-loader/test/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/experimental-loader/test/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -20,7 +20,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('renders css', async () => {
diff --git a/packages/jest/src/jest.ts b/packages/jest/src/jest.ts
index dcaefbd0ea..182700c678 100644
--- a/packages/jest/src/jest.ts
+++ b/packages/jest/src/jest.ts
@@ -15,7 +15,7 @@ function getCacheKey(
     fileData: string,
     filename: string,
     configString: string,
-    options?: { instrument: boolean }
+    options?: { instrument: boolean },
 ) {
     return (
         fileData +
@@ -50,7 +50,7 @@ export const createTransformer = (options?: StylableJestConfig) => {
         }
     } catch (e) {
         throw new Error(
-            `Failed to load Stylable config from ${options?.configPath || 'unknown'}:\n${e}`
+            `Failed to load Stylable config from ${options?.configPath || 'unknown'}:\n${e}`,
         );
     }
 
@@ -64,7 +64,7 @@ export const createTransformer = (options?: StylableJestConfig) => {
         },
         // ensure the generated module points to our own @stylable/runtime copy
         // this allows @stylable/jest to be used as part of a globally installed CLI
-        { runtimePath: stylableRuntimePath }
+        { runtimePath: stylableRuntimePath },
     );
 
     const process = (source: string, path: string) => {
diff --git a/packages/jest/test/jest.spec.ts b/packages/jest/test/jest.spec.ts
index f2c07f5404..6eb71e4a00 100644
--- a/packages/jest/test/jest.spec.ts
+++ b/packages/jest/test/jest.spec.ts
@@ -14,7 +14,7 @@ describe('jest process', () => {
 
         const module = nodeEval(
             transformer.process(content, filename).code,
-            filename
+            filename,
         ) as RuntimeStylesheet;
 
         expect(module.classes.root).to.equal(`${module.namespace}__root`);
@@ -30,7 +30,7 @@ describe('jest process', () => {
 
         const module = nodeEval(
             transformer.process(content, filename).code,
-            filename
+            filename,
         ) as RuntimeStylesheet;
 
         expect(module.classes.root).to.equal(`test-custom__root`);
@@ -39,7 +39,7 @@ describe('jest process', () => {
 
     it('should resolve default config from stylable.config.js and use the provided resolver', () => {
         const filename = require.resolve(
-            '@stylable/jest/test/fixtures/default-config/index.st.css'
+            '@stylable/jest/test/fixtures/default-config/index.st.css',
         );
         const content = fs.readFileSync(filename, 'utf8');
         const transformer = stylableTransformer.createTransformer({
@@ -49,7 +49,7 @@ describe('jest process', () => {
 
         const module = nodeEval(
             transformer.process(content, filename).code,
-            filename
+            filename,
         ) as RuntimeStylesheet;
 
         expect(module.classes.root).to.equal(`index-custom__root wp-a-custom__test`);
@@ -57,7 +57,7 @@ describe('jest process', () => {
 
     it('should use inline resolver over default config one', () => {
         const filename = require.resolve(
-            '@stylable/jest/test/fixtures/default-config/index.st.css'
+            '@stylable/jest/test/fixtures/default-config/index.st.css',
         );
         const content = fs.readFileSync(filename, 'utf8');
         const transformer = stylableTransformer.createTransformer({
@@ -75,7 +75,7 @@ describe('jest process', () => {
 
         const module = nodeEval(
             transformer.process(content, filename).code,
-            filename
+            filename,
         ) as RuntimeStylesheet;
 
         expect(module.classes.root).to.equal(`index-custom__root wp-b-custom__test`);
@@ -83,7 +83,7 @@ describe('jest process', () => {
 
     it('should emit diagnostics when not able to load stylable config file', () => {
         const filename = require.resolve(
-            '@stylable/jest/test/fixtures/default-config/index.st.css'
+            '@stylable/jest/test/fixtures/default-config/index.st.css',
         );
         const content = fs.readFileSync(filename, 'utf8');
         let foundError = false;
diff --git a/packages/language-service/src/lib-new/ast-from-position.ts b/packages/language-service/src/lib-new/ast-from-position.ts
index 7af507f437..26ad5b328e 100644
--- a/packages/language-service/src/lib-new/ast-from-position.ts
+++ b/packages/language-service/src/lib-new/ast-from-position.ts
@@ -8,7 +8,7 @@ import { AMBIGUITY, ParseForEditingResult } from './edit-time-parser';
 // ToDo: move to tokey
 function walkValue(
     valueList: CSSValue.BaseAstNode[],
-    visit: (node: CSSValue.BaseAstNode) => number | undefined
+    visit: (node: CSSValue.BaseAstNode) => number | undefined,
 ) {
     for (const node of valueList) {
         const changeWalk = visit(node);
@@ -139,7 +139,7 @@ interface CheckContext {
 function checkRuleSelector(
     node: postcss.AnyNode,
     { baseNodeOffset, targetOffset, result }: CheckContext,
-    parseData: ParseForEditingResult
+    parseData: ParseForEditingResult,
 ) {
     const isInRule = isRule(node);
     if (
diff --git a/packages/language-service/src/lib-new/edit-time-parser.ts b/packages/language-service/src/lib-new/edit-time-parser.ts
index ef29c75170..5bf87121f6 100644
--- a/packages/language-service/src/lib-new/edit-time-parser.ts
+++ b/packages/language-service/src/lib-new/edit-time-parser.ts
@@ -21,7 +21,7 @@ export interface ParseForEditingResult {
 }
 export function parseForEditing(
     source: string,
-    { from = '' }: { from?: string } = {}
+    { from = '' }: { from?: string } = {},
 ): ParseForEditingResult {
     const input = new postcss.Input(source, { from }); // ToDo: check why stringifier option doesn't work
     const parser = new EditTimeParser(input);
diff --git a/packages/language-service/src/lib-new/features/ls-css-pseudo-class.ts b/packages/language-service/src/lib-new/features/ls-css-pseudo-class.ts
index 1a07716fc2..82613ab86d 100644
--- a/packages/language-service/src/lib-new/features/ls-css-pseudo-class.ts
+++ b/packages/language-service/src/lib-new/features/ls-css-pseudo-class.ts
@@ -68,8 +68,8 @@ export function getCompletions(context: LangServiceContext): Completion[] {
                         option,
                         // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion
                         normalizeDefinitionSheetLocation(context.meta, inStateParenDef!.meta),
-                        range(pos, { deltaStart: -startDelta })
-                    )
+                        range(pos, { deltaStart: -startDelta }),
+                    ),
                 );
             }
         } else {
@@ -78,11 +78,11 @@ export function getCompletions(context: LangServiceContext): Completion[] {
                 nodeAtCursor,
                 selectorAtCursor,
                 states,
-                context.meta
+                context.meta,
             );
             for (const [name, { state, meta }] of Object.entries(states)) {
                 const isAlreadyUsed = current['pseudo_class']?.find(
-                    (exist) => exist.value === name
+                    (exist) => exist.value === name,
                 );
                 if (isAlreadyUsed) {
                     continue;
@@ -104,8 +104,8 @@ export function getCompletions(context: LangServiceContext): Completion[] {
                         originFile,
                         range(pos, { deltaStart: -startDelta }),
                         stateType,
-                        stateWithParam
-                    )
+                        stateWithParam,
+                    ),
                 );
             }
         }
@@ -114,7 +114,7 @@ export function getCompletions(context: LangServiceContext): Completion[] {
 }
 
 function getEnumParamDef(
-    stateDef?: string | StateParsedValue | TemplateStateParsedValue | null
+    stateDef?: string | StateParsedValue | TemplateStateParsedValue | null,
 ): StateParsedValue | undefined {
     if (!stateDef || typeof stateDef !== 'object') {
         return;
@@ -130,7 +130,7 @@ function suggestCompleteStates(
     nodeAtCursor: ImmutableSelectorNode | null,
     selectorAtCursor: string,
     states: StatesDefs,
-    contextMeta: StylableMeta
+    contextMeta: StylableMeta,
 ) {
     return (
         // prev is not a pseudo class
diff --git a/packages/language-service/src/lib-new/features/ls-st-import.ts b/packages/language-service/src/lib-new/features/ls-st-import.ts
index c18ac92fdb..a6d5535c5a 100644
--- a/packages/language-service/src/lib-new/features/ls-st-import.ts
+++ b/packages/language-service/src/lib-new/features/ls-st-import.ts
@@ -55,7 +55,7 @@ function getStImportCompletions(context: LangServiceContext, _importNode: postcs
             try {
                 const resolvedPath = context.stylable.resolver.resolvePath(
                     originDirPath,
-                    pathBeforeCaret
+                    pathBeforeCaret,
                 );
                 if (resolvedPath !== pathBeforeCaret) {
                     addSpecifierCompletions({
@@ -92,7 +92,7 @@ function getStImportCompletions(context: LangServiceContext, _importNode: postcs
                         ? importFrom.value.getAllSymbols()
                         : STSymbol.getAllByType(
                               importFrom.value,
-                              TYPED_NAMED[importType as keyof typeof TYPED_NAMED]
+                              TYPED_NAMED[importType as keyof typeof TYPED_NAMED],
                           );
                 addNamedImportCompletion({
                     context,
@@ -179,7 +179,7 @@ function addNamedImportCompletion({
         const originSymbolOrValue = resolveOrigin?.(value);
         let relativePath = path.relative(
             path.dirname(context.meta.source),
-            originSymbolOrValue?.originPath || ''
+            originSymbolOrValue?.originPath || '',
         );
         if (!path.isAbsolute(relativePath) && !relativePath.startsWith('.')) {
             relativePath = './' + relativePath;
@@ -191,7 +191,7 @@ function addNamedImportCompletion({
                 localName: name,
                 rng: range(context.getPosition(), { deltaStart }),
                 relativePath,
-            })
+            }),
         );
     }
 }
@@ -419,8 +419,8 @@ function addSpecifierCompletions({
                         detail,
                         'a',
                         snippet,
-                        range(context.getPosition(), { deltaStart })
-                    )
+                        range(context.getPosition(), { deltaStart }),
+                    ),
                 );
             }
         }
@@ -560,8 +560,8 @@ function addDirRelativeCompletions({
                     'a',
                     snippet,
                     range(context.getPosition(), { deltaStart }),
-                    !!directorySlash // trigger completion
-                )
+                    !!directorySlash, // trigger completion
+                ),
             );
         }
     }
@@ -628,8 +628,8 @@ function addPackageExportsCompletions({
                         'a',
                         snippet,
                         range(context.getPosition(), { deltaStart: -deltaStart }),
-                        true // trigger completion
-                    )
+                        true, // trigger completion
+                    ),
                 );
             } else {
                 // internal path completions
@@ -657,8 +657,8 @@ function addPackageExportsCompletions({
                     detail,
                     'a',
                     snippet,
-                    range(context.getPosition(), { deltaStart: -deltaStart })
-                )
+                    range(context.getPosition(), { deltaStart: -deltaStart }),
+                ),
             );
         }
     }
@@ -686,7 +686,7 @@ function getExportsRules(exportsField: any): any {
  * @example parsePackageSpecifier('@stylable/core/dist/some-file') === ['@stylable/core', 'dist/some-file']
  */
 export function parsePackageSpecifier(
-    specifier: string
+    specifier: string,
 ): readonly [packageName: string, pathInPackage?: string] {
     const firstSlashIdx = specifier.indexOf('/');
     if (firstSlashIdx === -1) {
diff --git a/packages/language-service/src/lib-new/lang-service-context.ts b/packages/language-service/src/lib-new/lang-service-context.ts
index 082e110a32..2e37585d66 100644
--- a/packages/language-service/src/lib-new/lang-service-context.ts
+++ b/packages/language-service/src/lib-new/lang-service-context.ts
@@ -40,7 +40,7 @@ export class LangServiceContext {
         public fs: IFileSystem,
         public stylable: Stylable,
         private fileData: StylableFile,
-        private offset: number
+        private offset: number,
     ) {
         const parseResult = parseForEditing(fileData.content, {
             from: fileData.path,
@@ -50,13 +50,13 @@ export class LangServiceContext {
         this.location = getAstNodeAt(parseResult, offset);
         this.meta = new StylableProcessor(
             new Diagnostics(),
-            this.stylable.resolveNamespace
+            this.stylable.resolveNamespace,
         ).process(parseResult.ast);
         this.document = TextDocument.create(
             URI.file(this.meta.source).toString(),
             'stylable',
             this.fileData.stat.mtime.getTime(),
-            this.fileData.content
+            this.fileData.content,
         );
     }
     public getPosition(offset: number = this.offset) {
@@ -92,7 +92,7 @@ export class LangServiceContext {
                 selector as SelectorList, // doesn't mutate due to `selectorContext.transform = false`
                 postcss.rule({ selector: selectorStr }),
                 selectorStr,
-                inferredSelectorNest
+                inferredSelectorNest,
             );
             selectorContext.transform = false;
             selectorContext.selectorAstResolveMap = selectorAstResolveMap;
@@ -109,7 +109,7 @@ export class LangServiceContext {
                           symbol: CSSType.createSymbol({ name: '*' }),
                       },
                   ])
-                : this.stylable.resolver.resolveExtends(this.meta, 'root')
+                : this.stylable.resolver.resolveExtends(this.meta, 'root'),
         );
         // reference interest points
         const locationSelector = this.location.selector;
@@ -117,7 +117,7 @@ export class LangServiceContext {
         const resolvedSelectorChain = this.aggregateResolvedChain(
             nestedSelectors,
             selectorAstResolveMap,
-            inferredSelectorContext
+            inferredSelectorContext,
         );
         return {
             inferredSelectorContext,
@@ -128,7 +128,7 @@ export class LangServiceContext {
             fullSelectorAtCursor: nodeAtCursor
                 ? stringifySelectorAst(nestedSelectors[nestedSelectors.length - 1]).slice(
                       0,
-                      nodeAtCursor.start + locationSelector.offsetInNode
+                      nodeAtCursor.start + locationSelector.offsetInNode,
                   )
                 : '',
             selectorAstResolveMap,
@@ -143,7 +143,7 @@ export class LangServiceContext {
     private aggregateResolvedChain(
         nestedSelectors: ImmutableSelectorList[],
         selectorAstResolveMap: Map<ImmutableSelectorNode, InferredSelector>,
-        inferredSelectorContext: InferredSelector
+        inferredSelectorContext: InferredSelector,
     ) {
         const resolvedChain: ResolveChainItem[] = [];
 
@@ -213,7 +213,7 @@ export class LangServiceContext {
         if (this.location.selector) {
             // caret is on an existing selector
             let selectorWithCaret = this.location.selector.parents.find(
-                (node) => node.type === 'selector'
+                (node) => node.type === 'selector',
             );
             if (!selectorWithCaret && this.location.selector.node.type === 'selector') {
                 selectorWithCaret = this.location.selector.node;
diff --git a/packages/language-service/src/lib/completion-providers.ts b/packages/language-service/src/lib/completion-providers.ts
index 3bebdc0189..4d0709be93 100644
--- a/packages/language-service/src/lib/completion-providers.ts
+++ b/packages/language-service/src/lib/completion-providers.ts
@@ -81,15 +81,24 @@ export interface LangServicePlugin {
 }
 
 export class ProviderPosition {
-    constructor(public line: number, public character: number) {}
+    constructor(
+        public line: number,
+        public character: number,
+    ) {}
 }
 
 export class ProviderRange {
-    constructor(public start: ProviderPosition, public end: ProviderPosition) {}
+    constructor(
+        public start: ProviderPosition,
+        public end: ProviderPosition,
+    ) {}
 }
 
 export class ProviderLocation {
-    constructor(public uri: string, public range: ProviderRange) {}
+    constructor(
+        public uri: string,
+        public range: ProviderRange,
+    ) {}
 }
 
 const cssPseudoClasses = [
@@ -147,14 +156,14 @@ const cssPseudoClasses = [
 export function createRange(startLine: number, startPos: number, endline: number, endPos: number) {
     return new ProviderRange(
         new ProviderPosition(startLine, startPos),
-        new ProviderPosition(endline, endPos)
+        new ProviderPosition(endline, endPos),
     );
 }
 
 function createDirectiveRange(
     position: ProviderPosition,
     fullLineText: string,
-    lineChunkAtCursor: string
+    lineChunkAtCursor: string,
 ): ProviderRange {
     return new ProviderRange(
         new ProviderPosition(
@@ -164,10 +173,10 @@ function createDirectiveRange(
                 position.character -
                     (topLevelDirectives.customSelector.startsWith(fullLineText)
                         ? fullLineText.length
-                        : lineChunkAtCursor.length)
-            )
+                        : lineChunkAtCursor.length),
+            ),
         ),
-        position
+        position,
     );
 }
 
@@ -207,15 +216,15 @@ export const ImportInternalDirectivesPlugin: LangServicePlugin = {
                 if (
                     parentSelector.nodes.every(
                         (n: any) =>
-                            (isDeclaration(n) && importDirectives[name] !== n.prop) || isComment(n)
+                            (isDeclaration(n) && importDirectives[name] !== n.prop) || isComment(n),
                     ) &&
                     importDirectives[name].startsWith(fullLineText.trim())
                 ) {
                     res.push(
                         importInternalDirective(
                             name,
-                            createDirectiveRange(position, fullLineText, lineChunkAtCursor)
-                        )
+                            createDirectiveRange(position, fullLineText, lineChunkAtCursor),
+                        ),
                     );
                 }
             });
@@ -247,15 +256,15 @@ export const RulesetInternalDirectivesPlugin: LangServicePlugin & {
             if (
                 parentSelector.nodes.every(
                     (n: any) =>
-                        (isDeclaration(n) && rulesetDirectives.mixin !== n.prop) || isComment(n)
+                        (isDeclaration(n) && rulesetDirectives.mixin !== n.prop) || isComment(n),
                 ) &&
                 rulesetDirectives.mixin.startsWith(fullLineText.trim())
             ) {
                 res.push(
                     rulesetInternalDirective(
                         'mixin',
-                        createDirectiveRange(position, fullLineText, lineChunkAtCursor)
-                    )
+                        createDirectiveRange(position, fullLineText, lineChunkAtCursor),
+                    ),
                 );
             }
             if (this.isSimpleSelector(parentSelector.selector) && !isMediaQuery) {
@@ -266,15 +275,15 @@ export const RulesetInternalDirectivesPlugin: LangServicePlugin & {
                             parentSelector.nodes.every(
                                 (n) =>
                                     (isDeclaration(n) && rulesetDirectives[name] !== n.prop) ||
-                                    isComment(n)
+                                    isComment(n),
                             ) &&
                             rulesetDirectives[name].startsWith(fullLineText.trim())
                         ) {
                             res.push(
                                 rulesetInternalDirective(
                                     name,
-                                    createDirectiveRange(position, fullLineText, lineChunkAtCursor)
-                                )
+                                    createDirectiveRange(position, fullLineText, lineChunkAtCursor),
+                                ),
                             );
                         }
                     });
@@ -313,21 +322,21 @@ export const TopLevelDirectivePlugin: LangServicePlugin = {
                     .filter(
                         (d) =>
                             !meta.sourceAst.source!.input.css.includes(
-                                topLevelDirectives.namespace
-                            ) || d !== 'namespace'
+                                topLevelDirectives.namespace,
+                            ) || d !== 'namespace',
                     )
                     .filter((d) => topLevelDirectives[d].startsWith(fullLineText.trim()))
                     .map((d) =>
                         topLevelDirective(
                             d,
-                            createDirectiveRange(position, fullLineText, lineChunkAtCursor)
-                        )
+                            createDirectiveRange(position, fullLineText, lineChunkAtCursor),
+                        ),
                     );
             } else {
                 return [
                     topLevelDirective(
                         'root',
-                        createDirectiveRange(position, fullLineText, lineChunkAtCursor)
+                        createDirectiveRange(position, fullLineText, lineChunkAtCursor),
                     ),
                 ];
             }
@@ -356,7 +365,7 @@ export const ValueDirectivePlugin: LangServicePlugin & {
             fullLineText.includes(':')
         ) {
             const parsed = postcssValueParser(
-                fullLineText.slice(fullLineText.indexOf(':') + 1)
+                fullLineText.slice(fullLineText.indexOf(':') + 1),
             ).nodes;
             const node = parsed[parsed.length - 1];
             if (
@@ -373,10 +382,10 @@ export const ValueDirectivePlugin: LangServicePlugin & {
                                 position.line,
                                 ~fullLineText.indexOf(',')
                                     ? fullLineText.lastIndexOf(',') + 1
-                                    : fullLineText.indexOf(':') + 1
+                                    : fullLineText.indexOf(':') + 1,
                             ),
-                            position
-                        )
+                            position,
+                        ),
                     ),
                 ];
             } else {
@@ -427,7 +436,7 @@ export const GlobalCompletionPlugin: LangServicePlugin = {
             if (fullLineText.lastIndexOf(':') !== -1) {
                 if (
                     ':global()'.startsWith(
-                        lineChunkAtCursor.slice(lineChunkAtCursor.lastIndexOf(':'))
+                        lineChunkAtCursor.slice(lineChunkAtCursor.lastIndexOf(':')),
                     )
                 ) {
                     offset = lineChunkAtCursor.slice(lineChunkAtCursor.lastIndexOf(':')).length;
@@ -437,8 +446,8 @@ export const GlobalCompletionPlugin: LangServicePlugin = {
                 globalCompletion(
                     new ProviderRange(
                         new ProviderPosition(position.line, position.character - offset),
-                        position
-                    )
+                        position,
+                    ),
                 ),
             ];
         } else {
@@ -471,14 +480,15 @@ export const SelectorCompletionPlugin: LangServicePlugin = {
             comps.push(
                 ...Object.keys(meta.getAllClasses())
                     .filter(
-                        (c) => c !== 'root' && fakes.findIndex((f) => f.selector === '.' + c) === -1
+                        (c) =>
+                            c !== 'root' && fakes.findIndex((f) => f.selector === '.' + c) === -1,
                     )
                     .map((c) =>
                         classCompletion(
                             c,
-                            createDirectiveRange(position, fullLineText, lineChunkAtCursor)
-                        )
-                    )
+                            createDirectiveRange(position, fullLineText, lineChunkAtCursor),
+                        ),
+                    ),
             );
             // adds inline custom selector (e.g. ":--custom")
             comps.push(
@@ -486,9 +496,9 @@ export const SelectorCompletionPlugin: LangServicePlugin = {
                     classCompletion(
                         c,
                         createDirectiveRange(position, fullLineText, lineChunkAtCursor),
-                        true
-                    )
-                )
+                        true,
+                    ),
+                ),
             );
             const moreComps = meta
                 .getImportStatements()
@@ -499,8 +509,8 @@ export const SelectorCompletionPlugin: LangServicePlugin = {
                             classCompletion(
                                 imp.defaultExport,
                                 createDirectiveRange(position, fullLineText, lineChunkAtCursor),
-                                true
-                            )
+                                true,
+                            ),
                         );
                     }
                     Object.keys(imp.named).forEach((exp) => {
@@ -515,8 +525,8 @@ export const SelectorCompletionPlugin: LangServicePlugin = {
                             acc.push(
                                 classCompletion(
                                     imp.named[exp],
-                                    createDirectiveRange(position, fullLineText, lineChunkAtCursor)
-                                )
+                                    createDirectiveRange(position, fullLineText, lineChunkAtCursor),
+                                ),
                             );
                         }
                     });
@@ -546,7 +556,7 @@ export const ExtendCompletionPlugin: LangServicePlugin = {
             comps.push(
                 ...Object.keys(meta.getAllClasses())
                     .filter((s) => s.startsWith(str))
-                    .map((s) => [s, 'Local file'])
+                    .map((s) => [s, 'Local file']),
             );
             meta.getImportStatements().forEach((i) => {
                 if (
@@ -570,8 +580,8 @@ export const ExtendCompletionPlugin: LangServicePlugin = {
                             );
                         })
                         .filter((s) => s.startsWith(str))
-                        .map((s) => [s, i.request])
-                )
+                        .map((s) => [s, i.request]),
+                ),
             );
             return comps
                 .slice(1)
@@ -581,9 +591,9 @@ export const ExtendCompletionPlugin: LangServicePlugin = {
                         c[1],
                         new ProviderRange(
                             new ProviderPosition(position.line, position.character - str.length),
-                            position
-                        )
-                    )
+                            position,
+                        ),
+                    ),
                 );
         } else {
             return [];
@@ -621,11 +631,13 @@ export const CssMixinCompletionPlugin: LangServicePlugin = {
                         new ProviderRange(
                             new ProviderPosition(
                                 position.line,
-                                position.character - lastName.length
+                                position.character - lastName.length,
                             ),
-                            position
+                            position,
                         ),
-                        importSymbol._kind === 'import' ? importSymbol.import.request : 'Local file'
+                        importSymbol._kind === 'import'
+                            ? importSymbol.import.request
+                            : 'Local file',
                     );
                 });
         } else {
@@ -731,7 +743,7 @@ export const NamedCompletionPlugin: LangServicePlugin & {
     resolveImport: (
         importName: string,
         stylable: Stylable,
-        meta: StylableMeta
+        meta: StylableMeta,
     ) => StylableMeta | null;
 } = {
     onCompletion({
@@ -754,7 +766,7 @@ export const NamedCompletionPlugin: LangServicePlugin & {
             ) {
                 importName = (
                     (astAtCursor as postcss.Rule).nodes.find(
-                        (n) => (n as postcss.Declaration).prop === `-st-from`
+                        (n) => (n as postcss.Declaration).prop === `-st-from`,
                     ) as postcss.Declaration
                 ).value.replace(/'|"/g, '');
             } else if (
@@ -777,7 +789,7 @@ export const NamedCompletionPlugin: LangServicePlugin & {
                 const resolvedImport: StylableMeta | null = this.resolveImport(
                     importName,
                     stylable,
-                    meta
+                    meta,
                 );
                 if (resolvedImport) {
                     const { lastName } = getExistingNames(fullLineText, position);
@@ -787,7 +799,7 @@ export const NamedCompletionPlugin: LangServicePlugin & {
                         resolvedImport,
                         lastName,
                         namedValues,
-                        meta
+                        meta,
                     );
 
                     return comps
@@ -798,20 +810,20 @@ export const NamedCompletionPlugin: LangServicePlugin & {
                                 new ProviderRange(
                                     new ProviderPosition(
                                         position.line,
-                                        position.character - lastName.length
+                                        position.character - lastName.length,
                                     ),
-                                    new ProviderPosition(position.line, position.character)
+                                    new ProviderPosition(position.line, position.character),
                                 ),
                                 c[1],
-                                c[2]
-                            )
+                                c[2],
+                            ),
                         );
                 }
             } else if (importName.endsWith('.js')) {
                 let req: any;
                 try {
                     req = (stylable as any).requireModule(
-                        path.join(path.dirname(meta.source), importName)
+                        path.join(path.dirname(meta.source), importName),
                     );
                 } catch {
                     return [];
@@ -831,13 +843,13 @@ export const NamedCompletionPlugin: LangServicePlugin & {
                             new ProviderRange(
                                 new ProviderPosition(
                                     position.line,
-                                    position.character - lastName.length
+                                    position.character - lastName.length,
                                 ),
-                                new ProviderPosition(position.line, position.character)
+                                new ProviderPosition(position.line, position.character),
                             ),
                             c[1],
-                            c[2]
-                        )
+                            c[2],
+                        ),
                     );
             }
         }
@@ -853,7 +865,7 @@ function isNamedDirective(line: string) {
 }
 function getNamedValues(
     src: string,
-    lineIndex: number
+    lineIndex: number,
 ): { isNamedValueLine: boolean; namedValues: string[] } {
     const lines = src.split('\n');
     let isNamedValueLine = false;
@@ -889,14 +901,14 @@ function getNamedValues(
 function maybeResolveImport(
     importName: string,
     stylable: Stylable,
-    meta: StylableMeta
+    meta: StylableMeta,
 ): StylableMeta | null {
     let resolvedImport: StylableMeta | null = null;
     if (importName && importName.endsWith('.css')) {
         try {
             const imported = meta.getImportStatements().find((i) => i.request === importName)!;
             resolvedImport = stylable.fileProcessor.process(
-                stylable.resolvePath(imported.context, imported.request)
+                stylable.resolvePath(imported.context, imported.request),
             );
         } catch {
             /**/
@@ -974,12 +986,12 @@ export const PseudoElementCompletionPlugin: LangServicePlugin = {
                                 new ProviderRange(
                                     new ProviderPosition(
                                         position.line,
-                                        position.character - (filter ? filter.length + 2 : colons)
+                                        position.character - (filter ? filter.length + 2 : colons),
                                     ),
-                                    new ProviderPosition(position.line, position.character)
-                                )
+                                    new ProviderPosition(position.line, position.character),
+                                ),
                             );
-                        })
+                        }),
                 );
             });
 
@@ -1005,7 +1017,7 @@ export const PseudoElementCompletionPlugin: LangServicePlugin = {
                             .map((c) => {
                                 let relPath = path.relative(
                                     path.dirname(meta.source),
-                                    res.meta.source
+                                    res.meta.source,
                                 );
                                 if (!relPath.startsWith('.')) {
                                     relPath = './' + relPath;
@@ -1018,12 +1030,12 @@ export const PseudoElementCompletionPlugin: LangServicePlugin = {
                                         new ProviderPosition(
                                             position.line,
                                             position.character -
-                                                (filter ? filter.length + 2 : colons)
+                                                (filter ? filter.length + 2 : colons),
                                         ),
-                                        new ProviderPosition(position.line, position.character)
-                                    )
+                                        new ProviderPosition(position.line, position.character),
+                                    ),
                                 );
-                            })
+                            }),
                     );
                 });
             }
@@ -1038,7 +1050,7 @@ function getNamedCSSImports(
     resolvedImport: StylableMeta,
     lastName: string,
     namedValues: string[],
-    meta: StylableMeta
+    meta: StylableMeta,
 ) {
     const namedSet = new Set(namedValues);
     for (const [symbolName, symbol] of Object.entries(resolvedImport.getAllSymbols())) {
@@ -1062,7 +1074,7 @@ function getNamedCSSImports(
     function addCompletion(
         symbolName: string,
         meta: StylableMeta,
-        symbol: VarSymbol | ClassSymbol | ElementSymbol | CSSVarSymbol
+        symbol: VarSymbol | ClassSymbol | ElementSymbol | CSSVarSymbol,
     ) {
         if (symbolName.slice(0, -1).startsWith(lastName) && !namedSet.has(symbolName)) {
             comps.push([
@@ -1146,7 +1158,7 @@ export const StateTypeCompletionPlugin: LangServicePlugin = {
                             const validatorNames = Object.keys(validators);
 
                             let relevantValidators = validatorNames.filter((t) =>
-                                t.startsWith(input)
+                                t.startsWith(input),
                             );
                             relevantValidators = relevantValidators.length
                                 ? relevantValidators
@@ -1160,11 +1172,11 @@ export const StateTypeCompletionPlugin: LangServicePlugin = {
                                         new ProviderRange(
                                             new ProviderPosition(
                                                 position.line,
-                                                position.character - input.length
+                                                position.character - input.length,
                                             ),
-                                            position
-                                        )
-                                    )
+                                            position,
+                                        ),
+                                    ),
                                 );
                             });
                         }
@@ -1181,11 +1193,11 @@ export const StateTypeCompletionPlugin: LangServicePlugin = {
                                     new ProviderRange(
                                         new ProviderPosition(
                                             position.line,
-                                            position.character - input.length
+                                            position.character - input.length,
                                         ),
-                                        position
-                                    )
-                                )
+                                        position,
+                                    ),
+                                ),
                             );
                         });
                     }
@@ -1216,7 +1228,7 @@ export const ValueCompletionPlugin: LangServicePlugin = {
                 .slice(
                     fullLineText
                         .slice(0, fullLineText.indexOf(')', position.character) + 1)
-                        .lastIndexOf('(')
+                        .lastIndexOf('('),
                 )
                 .replace('(', '')
                 .replace(')', '')
@@ -1234,11 +1246,11 @@ export const ValueCompletionPlugin: LangServicePlugin = {
                             new ProviderRange(
                                 new ProviderPosition(
                                     position.line,
-                                    position.character - inner.length
+                                    position.character - inner.length,
                                 ),
-                                position
-                            )
-                        )
+                                position,
+                            ),
+                        ),
                     );
                 }
             });
@@ -1248,14 +1260,14 @@ export const ValueCompletionPlugin: LangServicePlugin = {
                 try {
                     const resolvedPath = stylable.resolvePath(dirname(meta.source), imp.request);
                     Object.values(
-                        stylable.fileProcessor.process(resolvedPath).getAllStVars()
+                        stylable.fileProcessor.process(resolvedPath).getAllStVars(),
                     ).forEach((v) =>
                         importVars.push({
                             name: v.name,
                             value: v.text,
                             from: imp.request,
                             node: v.node,
-                        })
+                        }),
                     );
                 } catch {
                     /**/
@@ -1278,11 +1290,11 @@ export const ValueCompletionPlugin: LangServicePlugin = {
                             new ProviderRange(
                                 new ProviderPosition(
                                     position.line,
-                                    position.character - inner.length
+                                    position.character - inner.length,
                                 ),
-                                position
-                            )
-                        )
+                                position,
+                            ),
+                        ),
                     );
                 }
             });
@@ -1314,7 +1326,7 @@ function createCodeMixinCompletion(
     name: string,
     lastName: string,
     position: ProviderPosition,
-    meta: StylableMeta
+    meta: StylableMeta,
 ) {
     const importSymbol = meta.getSymbol(name);
     if (!importSymbol || importSymbol._kind !== 'import') {
@@ -1325,9 +1337,9 @@ function createCodeMixinCompletion(
         name,
         new ProviderRange(
             new ProviderPosition(position.line, position.character - lastName.length),
-            position
+            position,
         ),
-        importSymbol.import.request
+        importSymbol.import.request,
     );
 }
 
@@ -1335,7 +1347,7 @@ function isMixin(
     name: string,
     meta: StylableMeta,
     fs: IFileSystem,
-    tsLangService: ExtendedTsLanguageService
+    tsLangService: ExtendedTsLanguageService,
 ) {
     const importSymbol = meta.getSymbol(name)!;
 
@@ -1345,7 +1357,7 @@ function isMixin(
                 importSymbol.import.from,
                 name,
                 importSymbol.type === 'default',
-                tsLangService
+                tsLangService,
             );
             if (!sig || !sig.declaration) {
                 return false;
@@ -1359,7 +1371,7 @@ function isMixin(
             return (
                 extractJsModifierReturnType(
                     name,
-                    fs.readFileSync(importSymbol.import.from, 'utf8')
+                    fs.readFileSync(importSymbol.import.from, 'utf8'),
                 ) === 'object'
             );
         }
diff --git a/packages/language-service/src/lib/completion-types.ts b/packages/language-service/src/lib/completion-types.ts
index 43c12098ed..ba5cdf268f 100644
--- a/packages/language-service/src/lib/completion-types.ts
+++ b/packages/language-service/src/lib/completion-types.ts
@@ -10,7 +10,7 @@ export class Completion {
         public insertText: string | Snippet = label,
         public range: ProviderRange,
         public additionalCompletions: boolean = false,
-        public triggerSignature: boolean = false
+        public triggerSignature: boolean = false,
     ) {}
 }
 
@@ -20,7 +20,7 @@ export class Snippet {
 
 export function range(
     pos: { line: number; character: number },
-    { deltaStart = 0, deltaEnd = 0 }: { deltaStart?: number; deltaEnd?: number } = {}
+    { deltaStart = 0, deltaEnd = 0 }: { deltaStart?: number; deltaEnd?: number } = {},
 ) {
     return {
         start: { line: pos.line, character: pos.character + deltaStart },
@@ -61,7 +61,7 @@ export function importInternalDirective(type: keyof typeof importDirectives, rng
                 'Default export name',
                 'a',
                 new Snippet(`-st-default` + ': $1;'),
-                rng
+                rng,
             );
         case `-st-from`:
             return new Completion(
@@ -69,7 +69,7 @@ export function importInternalDirective(type: keyof typeof importDirectives, rng
                 'Path to library',
                 'a',
                 new Snippet(`-st-from` + ': "$1";'),
-                rng
+                rng,
             );
         case `-st-named`:
             return new Completion(
@@ -77,7 +77,7 @@ export function importInternalDirective(type: keyof typeof importDirectives, rng
                 'Named export name',
                 'a',
                 new Snippet(`-st-named` + ': $1;'),
-                rng
+                rng,
             );
     }
 }
@@ -91,7 +91,7 @@ export function rulesetInternalDirective(type: keyof typeof rulesetDirectives, r
                 'a',
                 new Snippet('-st-extends: $1;'),
                 rng,
-                true
+                true,
             );
         case `-st-mixin`:
             return new Completion(
@@ -100,7 +100,7 @@ export function rulesetInternalDirective(type: keyof typeof rulesetDirectives, r
                 'a',
                 new Snippet('-st-mixin: $1;'),
                 rng,
-                true
+                true,
             );
         case `-st-states`:
             return new Completion(
@@ -108,7 +108,7 @@ export function rulesetInternalDirective(type: keyof typeof rulesetDirectives, r
                 'Define the CSS states available for this class',
                 'a',
                 new Snippet('-st-states: $1;'),
-                rng
+                rng,
             );
     }
 }
@@ -121,7 +121,7 @@ export function topLevelDirective(type: keyof typeof topLevelDirectives, rng: Pr
                 'Import an external library',
                 'a',
                 new Snippet(':import {\n\t-st-from: "$1";\n}'),
-                rng
+                rng,
             );
         case topLevelDirectives.namespace:
             return new Completion(
@@ -129,7 +129,7 @@ export function topLevelDirective(type: keyof typeof topLevelDirectives, rng: Pr
                 'Declare a namespace for the file',
                 'a',
                 new Snippet('@st-namespace "$1";\n'),
-                rng
+                rng,
             );
         case topLevelDirectives.customSelector:
             return new Completion(
@@ -137,7 +137,7 @@ export function topLevelDirective(type: keyof typeof topLevelDirectives, rng: Pr
                 'Define a custom selector',
                 'a',
                 topLevelDirectives.customSelector,
-                rng
+                rng,
             );
         case topLevelDirectives.root:
             return new Completion(topLevelDirectives.root, 'The root class', 'a', undefined, rng);
@@ -147,7 +147,7 @@ export function topLevelDirective(type: keyof typeof topLevelDirectives, rng: Pr
                 'Declare variables',
                 'a',
                 new Snippet(':vars {\n\t$1\n}'),
-                rng
+                rng,
             );
         case topLevelDirectives.stScope:
             return new Completion(
@@ -155,7 +155,7 @@ export function topLevelDirective(type: keyof typeof topLevelDirectives, rng: Pr
                 'Define an @st-scope',
                 'a',
                 new Snippet('@st-scope $1 {\n\t$2\n}'),
-                rng
+                rng,
             );
         case topLevelDirectives.stImport:
             return new Completion(
@@ -163,7 +163,7 @@ export function topLevelDirective(type: keyof typeof topLevelDirectives, rng: Pr
                 'Define an @st-import',
                 'a',
                 new Snippet('@st-import $2 from "$1";'),
-                rng
+                rng,
             );
         case topLevelDirectives.stGlobalCustomProperty:
             return new Completion(
@@ -171,7 +171,7 @@ export function topLevelDirective(type: keyof typeof topLevelDirectives, rng: Pr
                 'Define global custom properties using @st-global-custom-property',
                 'a',
                 new Snippet('@st-global-custom-property --$1;'),
-                rng
+                rng,
             );
     }
 }
@@ -182,7 +182,7 @@ export function valueDirective(rng: ProviderRange) {
         'Use the value of a variable',
         'a',
         new Snippet(' value($1)'),
-        rng
+        rng,
     );
 }
 
@@ -192,7 +192,7 @@ export function globalCompletion(rng: ProviderRange) {
         'Target a global selector',
         'a',
         new Snippet(':global($1)'),
-        rng
+        rng,
     );
 }
 
@@ -203,7 +203,7 @@ export function classCompletion(className: string, rng: ProviderRange, removeDot
         'Stylable class or tag',
         'a',
         undefined,
-        rng
+        rng,
     );
 }
 
@@ -215,14 +215,14 @@ export function namedCompletion(
     symbolName: string,
     rng: ProviderRange,
     from: string,
-    value?: string
+    value?: string,
 ) {
     return new Completion(
         symbolName,
         'from: ' + from + '\n' + 'Value: ' + value,
         'a',
         new Snippet(symbolName),
-        rng
+        rng,
     );
 }
 
@@ -310,7 +310,7 @@ stImportNamedCompletion.typeAssertCall = ({
         'a',
         new Snippet(`${localName}($1)`),
         rng,
-        triggerCompletion
+        triggerCompletion,
     );
 };
 stImportNamedCompletion.typeAssertCallDetail = (type: string) => {
@@ -337,7 +337,7 @@ export function codeMixinCompletion(symbolName: string, rng: ProviderRange, from
         new Snippet(symbolName + '($1)'),
         rng,
         false,
-        true
+        true,
     );
 }
 
@@ -349,7 +349,7 @@ export function formatterCompletion(symbolName: string, rng: ProviderRange, from
         new Snippet(symbolName + '($1)'),
         rng,
         false,
-        true
+        true,
     );
 }
 
@@ -364,7 +364,7 @@ export function stateTypeCompletion(type: string, from: string, rng: ProviderRan
         'a',
         new Snippet(`${type}($1)`),
         rng,
-        false
+        false,
     );
 }
 
@@ -373,7 +373,7 @@ export function stateCompletion(
     from: string,
     rng: ProviderRange,
     type: string | null,
-    hasParam?: boolean
+    hasParam?: boolean,
 ) {
     return new Completion(
         ':' + stateName + (hasParam ? '()' : ''),
@@ -382,7 +382,7 @@ export function stateCompletion(
         new Snippet(':' + stateName + (hasParam ? '($1)' : '')),
         rng,
         type === 'enum',
-        hasParam
+        hasParam,
     );
 }
 
@@ -396,6 +396,6 @@ export function valueCompletion(name: string, from: string, value: string, rng:
         'from: ' + from + '\n' + 'value: ' + value,
         'a',
         new Snippet(name),
-        rng
+        rng,
     );
 }
diff --git a/packages/language-service/src/lib/css-service.ts b/packages/language-service/src/lib/css-service.ts
index 7dab7883d6..003a458d4e 100644
--- a/packages/language-service/src/lib/css-service.ts
+++ b/packages/language-service/src/lib/css-service.ts
@@ -57,7 +57,7 @@ export class CssService {
         const cssCompsRaw = this.inner.doComplete(
             document,
             position,
-            this.inner.parseStylesheet(document)
+            this.inner.parseStylesheet(document),
         );
         return cssCompsRaw ? cssCompsRaw.items : [];
     }
@@ -71,7 +71,7 @@ export class CssService {
             URI.file(filePath).toString(),
             'stylable',
             version,
-            cleanContentAst.toString()
+            cleanContentAst.toString(),
         );
     }
 
@@ -119,7 +119,7 @@ export class CssService {
 
                     atRule.params = atRule.params.replace(
                         stGlobalMatch,
-                        ' '.repeat(stGlobalMatch.length)
+                        ' '.repeat(stGlobalMatch.length),
                     );
 
                     atRule.params =
@@ -167,7 +167,7 @@ export class CssService {
 
                 const line = readDocRange(
                     document,
-                    Range.create(Position.create(diagStart.line, 0), diagEnd)
+                    Range.create(Position.create(diagStart.line, 0), diagEnd),
                 );
 
                 if (diag.code === 'emptyRules') {
@@ -220,7 +220,7 @@ export class CssService {
     public doHover(
         document: TextDocument,
         position: Position,
-        settings?: HoverSettings
+        settings?: HoverSettings,
     ): Hover | null {
         const stylesheet = this.inner.parseStylesheet(document);
         return this.inner.doHover(document, position, stylesheet, settings);
@@ -234,7 +234,7 @@ export class CssService {
     public getColorPresentations(
         document: TextDocument,
         color: Color,
-        range: Range
+        range: Range,
     ): ColorPresentation[] {
         const stylesheet: Stylesheet = this.inner.parseStylesheet(document);
         return this.inner.getColorPresentations(document, stylesheet, color, range);
diff --git a/packages/language-service/src/lib/dedupe-refs.ts b/packages/language-service/src/lib/dedupe-refs.ts
index 2d24393c36..4b0614de62 100644
--- a/packages/language-service/src/lib/dedupe-refs.ts
+++ b/packages/language-service/src/lib/dedupe-refs.ts
@@ -8,7 +8,7 @@ export function dedupeRefs(refs: Location[]): Location[] {
                 (r) =>
                     r.range.start.line === ref.range.start.line &&
                     r.range.start.character === ref.range.start.character &&
-                    r.uri === ref.uri
+                    r.uri === ref.uri,
             )
         ) {
             res.push(ref);
diff --git a/packages/language-service/src/lib/diagnosis.ts b/packages/language-service/src/lib/diagnosis.ts
index 383b4c2418..eabee9ec46 100644
--- a/packages/language-service/src/lib/diagnosis.ts
+++ b/packages/language-service/src/lib/diagnosis.ts
@@ -7,7 +7,7 @@ export function createDiagnosis(
     version: number,
     filePath: string,
     stylable: Stylable,
-    cssService: CssService
+    cssService: CssService,
 ): Diagnostic[] {
     if (!filePath.endsWith('.st.css')) {
         return [];
diff --git a/packages/language-service/src/lib/feature/color-provider.ts b/packages/language-service/src/lib/feature/color-provider.ts
index adbc6c2389..82c20ca23e 100644
--- a/packages/language-service/src/lib/feature/color-provider.ts
+++ b/packages/language-service/src/lib/feature/color-provider.ts
@@ -13,7 +13,7 @@ export function resolveDocumentColors(
     stylable: Stylable,
     cssService: CssService,
     document: TextDocument,
-    fs: IFileSystem
+    fs: IFileSystem,
 ) {
     const processor = stylable.fileProcessor;
     const src = document.getText();
@@ -22,7 +22,7 @@ export function resolveDocumentColors(
         src,
         new ProviderPosition(0, 0),
         fs.sep === '/' ? filePath.replace(/\\/g, '/') : filePath, // TODO: this is very suspicious
-        fs
+        fs,
     );
     const meta = res.processed.meta;
 
@@ -44,15 +44,15 @@ export function resolveDocumentColors(
                         0,
                         '.gaga {border: ' +
                             stylable.transformDecl(meta, `unknown-prop`, sym.text).value +
-                            '}'
+                            '}',
                     );
                     color = cssService.findColor(doc);
                 } else if (sym && sym._kind === 'import' && sym.type === 'named') {
                     const impMeta = processor.process(
-                        stylable.resolvePath(dirname(meta.source), sym.import.request)
+                        stylable.resolvePath(dirname(meta.source), sym.import.request),
                     );
                     const relevantVar = Object.values(impMeta.getAllStVars()).find(
-                        (v) => v.name === sym.name
+                        (v) => v.name === sym.name,
                     );
                     if (relevantVar) {
                         const doc = TextDocument.create(
@@ -63,9 +63,9 @@ export function resolveDocumentColors(
                                 stylable.transformDecl(
                                     impMeta,
                                     `unknown-prop`,
-                                    `value(${sym.name})`
+                                    `value(${sym.name})`,
                                 ).value +
-                                '}'
+                                '}',
                         );
                         color = cssService.findColor(doc);
                     }
@@ -76,15 +76,15 @@ export function resolveDocumentColors(
                             ind,
                             regexResult.index +
                                 regexResult[0].indexOf(regexResult[1]) -
-                                'value('.length
+                                'value('.length,
                         ),
                         new ProviderPosition(
                             ind,
                             regexResult.index +
                                 regexResult[0].indexOf(regexResult[1]) +
                                 result.length +
-                                ')'.length
-                        )
+                                ')'.length,
+                        ),
                     );
                     colorComps.push({ color, range } as ColorInformation);
                 }
@@ -96,7 +96,7 @@ export function resolveDocumentColors(
         const cleanDocument = cssService.createSanitizedDocument(
             meta.sourceAst,
             filePath,
-            document.version
+            document.version,
         );
 
         return colorComps.concat(cssService.findColors(cleanDocument));
@@ -109,20 +109,20 @@ export function getColorPresentation(
     cssService: CssService,
     document: TextDocument,
     params: ColorPresentationParams,
-    fs: IFileSystem
+    fs: IFileSystem,
 ): ColorPresentation[] {
     const src = document.getText();
     const res = fixAndProcess(
         src,
         new ProviderPosition(0, 0),
         URI.parse(params.textDocument.uri).fsPath,
-        fs
+        fs,
     );
     const meta = res.processed.meta;
 
     const wordStart = new ProviderPosition(
         params.range.start.line + 1,
-        params.range.start.character + 1
+        params.range.start.character + 1,
     );
     let noPicker = false;
     meta?.sourceAst.walkDecls(`-st-named`, (node) => {
diff --git a/packages/language-service/src/lib/feature/formatting.ts b/packages/language-service/src/lib/feature/formatting.ts
index 66200ccbd5..7e10de58da 100644
--- a/packages/language-service/src/lib/feature/formatting.ts
+++ b/packages/language-service/src/lib/feature/formatting.ts
@@ -10,7 +10,7 @@ export interface StylableLangServiceFormattingOptions extends FormattingOptions
 }
 
 export function lspFormattingOptionsToJsBeautifyOptions( // ToDo: check if be private
-    options: FormattingOptions
+    options: FormattingOptions,
 ): CSSBeautifyOptions {
     return {
         indent_size: options.tabSize,
@@ -23,7 +23,7 @@ export function lspFormattingOptionsToJsBeautifyOptions( // ToDo: check if be pr
 export function format(
     doc: TextDocument,
     offset: { start: number; end: number },
-    options: StylableLangServiceFormattingOptions
+    options: StylableLangServiceFormattingOptions,
 ): TextEdit[] {
     const sourceCss = doc.getText();
     let range = { start: doc.positionAt(offset.start), end: doc.positionAt(offset.end) };
@@ -41,7 +41,7 @@ export function format(
         targetCss = getDocumentFormatting(
             sourceCss,
             offset,
-            lspFormattingOptionsToJsBeautifyOptions(options)
+            lspFormattingOptionsToJsBeautifyOptions(options),
         );
     }
     // ToDo(tech-debt): check against source ranged (currently there are false-positives cases in ranged format)
diff --git a/packages/language-service/src/lib/feature/pseudo-class.ts b/packages/language-service/src/lib/feature/pseudo-class.ts
index 01f8683f06..d0568e097d 100644
--- a/packages/language-service/src/lib/feature/pseudo-class.ts
+++ b/packages/language-service/src/lib/feature/pseudo-class.ts
@@ -20,7 +20,7 @@ import type { ProviderPosition } from '../completion-providers';
 // args - TODO: should return validator function information
 export function resolveStateTypeOrValidator(
     pos: ProviderPosition,
-    line: string
+    line: string,
 ): string | boolean | null {
     const valueStartChar = line.indexOf(':') + 1;
     const value = line.slice(valueStartChar);
@@ -40,7 +40,7 @@ export function resolveStateTypeOrValidator(
             ({ length, requiredHinting } = resolvePosInState(
                 pos.character,
                 length,
-                statePart.before
+                statePart.before,
             ));
             if (requiredHinting || stateTypeValidatorToHint) {
                 continue;
@@ -52,7 +52,7 @@ export function resolveStateTypeOrValidator(
                 requiredHinting,
                 pos,
                 validator,
-                stateTypeValidatorToHint
+                stateTypeValidatorToHint,
             ));
 
             if (requiredHinting || stateTypeValidatorToHint) {
@@ -61,7 +61,7 @@ export function resolveStateTypeOrValidator(
                 ({ length, requiredHinting } = resolvePosInState(
                     pos.character,
                     length,
-                    statePart.after
+                    statePart.after,
                 ));
             }
 
@@ -85,7 +85,7 @@ function resolveStateType(
     requiredHinting: boolean,
     pos: ProviderPosition,
     validator: { length: number; requiredHinting: boolean },
-    stateTypeValidatorToHint: string | null
+    stateTypeValidatorToHint: string | null,
 ) {
     for (const typeNode of stateNodes) {
         ({ length, requiredHinting } = resolvePosInState(pos.character, length, typeNode.value));
@@ -96,7 +96,7 @@ function resolveStateType(
             stateTypeValidatorToHint = isValidatorsHintingRequired(
                 validator.requiredHinting,
                 stateTypeValidatorToHint,
-                typeNode.value
+                typeNode.value,
             );
             length = validator.length;
             typeNode.nodes.forEach((valNode) => {
@@ -105,14 +105,14 @@ function resolveStateType(
                     length,
                     valNode,
                     stateTypeValidatorToHint,
-                    typeNode
+                    typeNode,
                 ));
             });
             validator = resolvePosInState(pos.character, length, typeNode.after);
             stateTypeValidatorToHint = isValidatorsHintingRequired(
                 validator.requiredHinting,
                 stateTypeValidatorToHint,
-                typeNode.value
+                typeNode.value,
             );
             length = validator.length;
             length++; // closing type parenthesis
@@ -127,13 +127,13 @@ function resolveStateValidator(
     length: number,
     valNode: postcssValueParser.Node,
     stateTypeValidatorToHint: string | null,
-    typeNode: any
+    typeNode: any,
 ) {
     const validator = resolvePosInState(pos.character, length, valNode.value);
     stateTypeValidatorToHint = isValidatorsHintingRequired(
         validator.requiredHinting,
         stateTypeValidatorToHint,
-        typeNode.value
+        typeNode.value,
     );
     if (valNode.type === 'function') {
         length++; // opening arg parenthesis
@@ -152,7 +152,7 @@ function resolveStateValidator(
 function isValidatorsHintingRequired(
     requiredHinting: boolean,
     stateTypeValidatorToHint: string | null,
-    type: string
+    type: string,
 ) {
     return requiredHinting ? type : stateTypeValidatorToHint;
 }
diff --git a/packages/language-service/src/lib/provider.ts b/packages/language-service/src/lib/provider.ts
index 156ba6c638..f412a2dc2e 100644
--- a/packages/language-service/src/lib/provider.ts
+++ b/packages/language-service/src/lib/provider.ts
@@ -72,7 +72,7 @@ import { StImportPlugin } from '../lib-new/features/ls-st-import';
 
 function findLast<T>(
     arr: T[],
-    predicate: (item: T, index: number, array: T[]) => boolean
+    predicate: (item: T, index: number, array: T[]) => boolean,
 ): T | null {
     for (let index = arr.length - 1; index >= 0; index--) {
         const item = arr[index];
@@ -104,7 +104,10 @@ export class Provider {
         PseudoElementCompletionPlugin,
         ValueCompletionPlugin,
     ];
-    constructor(private stylable: Stylable, private tsLangService: ExtendedTsLanguageService) {}
+    constructor(
+        private stylable: Stylable,
+        private tsLangService: ExtendedTsLanguageService,
+    ) {}
 
     public analyzeCaretContext(context: LangServiceContext) {
         for (const plugin of this.plugins) {
@@ -113,7 +116,7 @@ export class Provider {
     }
     public provideCompletionItemsFromSrc(
         context: LangServiceContext,
-        fs: IFileSystem
+        fs: IFileSystem,
     ): Completion[] {
         const src = context.document.getText();
         const filePath = context.meta.source;
@@ -133,7 +136,7 @@ export class Provider {
             res.processed.fakes,
             res.currentLine,
             res.cursorLineIndex,
-            fs
+            fs,
         );
         for (const provider of this.plugins) {
             completions.push(...provider.onCompletion(options));
@@ -146,7 +149,7 @@ export class Provider {
         src: string,
         position: ProviderPosition,
         filePath: string,
-        fs: IFileSystem
+        fs: IFileSystem,
     ): ProviderLocation[] {
         if (!filePath.endsWith('.st.css')) {
             return [];
@@ -174,7 +177,7 @@ export class Provider {
                     new ProviderLocation(maybeRequestPath, {
                         start: { line: 0, character: 0 },
                         end: { line: 0, character: 0 },
-                    })
+                    }),
                 );
             }
         } else if (Object.keys(meta.getAllSymbols()).find((sym) => sym === word.replace('.', ''))) {
@@ -187,9 +190,9 @@ export class Provider {
                             this.findWord(
                                 word.replace('.', ''),
                                 fs.readFileSync(meta.source, 'utf8'),
-                                position
-                            )
-                        )
+                                position,
+                            ),
+                        ),
                     );
                     break;
                 }
@@ -197,8 +200,8 @@ export class Provider {
                     defs.push(
                         new ProviderLocation(
                             meta.source,
-                            this.findWord(word, fs.readFileSync(meta.source, 'utf8'), position)
-                        )
+                            this.findWord(word, fs.readFileSync(meta.source, 'utf8'), position),
+                        ),
                     );
                     break;
                 }
@@ -218,7 +221,7 @@ export class Provider {
                         try {
                             filePath = this.stylable.resolvePath(
                                 dirname(meta.source),
-                                symbol.import.request
+                                symbol.import.request,
                             );
                         } catch {
                             // todo: figure out proper logging
@@ -230,7 +233,7 @@ export class Provider {
 
                         if (doc !== '') {
                             defs.push(
-                                new ProviderLocation(filePath, this.findWord(word, doc, position))
+                                new ProviderLocation(filePath, this.findWord(word, doc, position)),
                             );
                         }
                     }
@@ -245,7 +248,7 @@ export class Provider {
                     if (symbolStates && Object.keys(symbolStates).some((key) => key === word)) {
                         const postcsspos = new ProviderPosition(
                             position.line + 1,
-                            position.character
+                            position.character,
                         );
                         const pfp = pathFromPosition(callingMeta.sourceAst, postcsspos, [], true);
                         const selec = (pfp[pfp.length - 1] as postcss.Rule).selector;
@@ -262,7 +265,7 @@ export class Provider {
                             : t.focusChunk.text;
                         let name = findLast(
                             arr,
-                            (str: string) => !str.startsWith(':') || str.startsWith('::')
+                            (str: string) => !str.startsWith(':') || str.startsWith('::'),
                         );
                         name = name!.replace('.', '').replace(/:/g, '');
                         const localSymbol = callingMeta.getSymbol(name);
@@ -297,8 +300,8 @@ export class Provider {
                 defs.push(
                     new ProviderLocation(
                         meta.source,
-                        this.findWord(name, fs.readFileSync(stateMeta!.source, 'utf8'), position)
-                    )
+                        this.findWord(name, fs.readFileSync(stateMeta!.source, 'utf8'), position),
+                    ),
                 );
             }
         } else if (STCustomSelector.getCustomSelector(meta, word)) {
@@ -306,7 +309,7 @@ export class Provider {
             // seems to point to local custom selector definition.
             // see local-custom-selector.st.css for example.
             defs.push(
-                new ProviderLocation(meta.source, this.findWord(':--' + word, src, position))
+                new ProviderLocation(meta.source, this.findWord(':--' + word, src, position)),
             );
         } else if (!word.startsWith(word.charAt(0).toLowerCase())) {
             // Default import, link to top of imported stylesheet
@@ -319,7 +322,7 @@ export class Provider {
     public findMyState(
         origMeta: StylableMeta,
         elementName: string,
-        state: string
+        state: string,
     ): CSSResolve | null {
         const importedSymbol = origMeta.getClass(elementName)![`-st-extends`];
         let res: ReturnType<StylableResolver['resolveImport']> = null;
@@ -347,7 +350,7 @@ export class Provider {
         pos: Position,
         filePath: string,
         fs: IFileSystem,
-        paramInfo: typeof ParameterInformation
+        paramInfo: typeof ParameterInformation,
     ): SignatureHelp | null {
         if (!filePath.endsWith('.st.css')) {
             return null;
@@ -418,7 +421,7 @@ export class Provider {
                     activeParam,
                     mappedSymbol.import.from,
                     (meta.getSymbol(mixin)! as ImportSymbol).type === 'default',
-                    paramInfo
+                    paramInfo,
                 );
             } else if (mappedSymbol.import.from.endsWith('.js')) {
                 if (fs.fileExistsSync(mappedSymbol.import.from.slice(0, -3) + '.d.ts')) {
@@ -427,12 +430,12 @@ export class Provider {
                         activeParam,
                         mappedSymbol.import.from.slice(0, -3) + '.d.ts',
                         mappedSymbol.type === 'default',
-                        paramInfo
+                        paramInfo,
                     );
                 } else {
                     const resolvedPath = this.stylable.resolvePath(
                         dirname(meta.source),
-                        mappedSymbol.import.request
+                        mappedSymbol.import.request,
                     );
                     const fileExists = fs.fileExistsSync(resolvedPath);
 
@@ -441,7 +444,7 @@ export class Provider {
                               mixin,
                               activeParam,
                               fs.readFileSync(resolvedPath, 'utf8'),
-                              paramInfo
+                              paramInfo,
                           )
                         : null;
                 }
@@ -475,7 +478,7 @@ export class Provider {
                 lineIndex,
                 line.lastIndexOf(word),
                 lineIndex,
-                line.lastIndexOf(word) + word.length
+                line.lastIndexOf(word) + word.length,
             );
         } else {
             return createRange(0, 0, 0, 0);
@@ -491,13 +494,13 @@ export class Provider {
         activeParam: number,
         filePath: string,
         isDefault: boolean,
-        paramInfo: typeof ParameterInformation
+        paramInfo: typeof ParameterInformation,
     ): SignatureHelp | null {
         const sig: ts.Signature | undefined = extractTsSignature(
             filePath,
             mixin,
             isDefault,
-            this.tsLangService
+            this.tsLangService,
         );
         if (!sig || !sig.declaration) {
             return null;
@@ -542,7 +545,7 @@ export class Provider {
         mixin: string,
         activeParam: number,
         fileSrc: string,
-        paramInfo: typeof ParameterInformation
+        paramInfo: typeof ParameterInformation,
     ): SignatureHelp | null {
         const lines = fileSrc.split('\n');
         const mixinLine: number = lines.findIndex((l) => l.trim().startsWith('exports.' + mixin));
@@ -550,7 +553,7 @@ export class Provider {
             lines
                 .slice(0, mixinLine)
                 .reverse()
-                .find((l) => l.trim().startsWith('/**'))!
+                .find((l) => l.trim().startsWith('/**'))!,
         );
         const docLines = lines.slice(docStartLine, mixinLine);
         const formattedLines: string[] = [];
@@ -628,7 +631,7 @@ export class Provider {
         } else {
             descLines = formattedLines.slice(
                 0,
-                formattedLines.findIndex((l) => l.startsWith('@')) + 1
+                formattedLines.findIndex((l) => l.startsWith('@')) + 1,
             );
         }
         if (descLines[0] && descLines[0].startsWith('@description')) {
@@ -636,7 +639,7 @@ export class Provider {
         }
 
         const parameters: ParameterInformation[] = params.map((p) =>
-            paramInfo.create(p[1] + ': ' + p[0], p[2].trim())
+            paramInfo.create(p[1] + ': ' + p[0], p[2].trim()),
         );
 
         const sigInfo: SignatureInformation = {
@@ -654,7 +657,7 @@ export class Provider {
     private getSignatureForStateWithParamSelector(
         meta: StylableMeta,
         pos: ProviderPosition,
-        line: string
+        line: string,
     ): SignatureHelp | null {
         let word = '';
         const posChar = pos.character + 1;
@@ -710,7 +713,7 @@ export class Provider {
 
     private getSignatureForStateWithParamDefinition(
         pos: ProviderPosition,
-        line: string
+        line: string,
     ): SignatureHelp | null {
         const res = resolveStateTypeOrValidator(pos, line);
 
@@ -731,7 +734,7 @@ export class Provider {
         fakeRules: postcss.Rule[],
         fullLineText: string,
         cursorPosInLine: number,
-        fs: IFileSystem
+        fs: IFileSystem,
     ): PluginCompletionOptions {
         const path = pathFromPosition(meta.sourceAst, {
             line: position.line + 1,
@@ -749,16 +752,16 @@ export class Provider {
             }) === -1
                 ? parentAst
                 : astAtCursor &&
-                  isSelector(astAtCursor) &&
-                  fakeRules.findIndex((f) => {
-                      return f.selector === astAtCursor.selector;
-                  }) === -1
-                ? astAtCursor
-                : null;
+                    isSelector(astAtCursor) &&
+                    fakeRules.findIndex((f) => {
+                        return f.selector === astAtCursor.selector;
+                    }) === -1
+                  ? astAtCursor
+                  : null;
 
         const { lineChunkAtCursor, fixedCharIndex } = getChunkAtCursor(
             fullLineText,
-            cursorPosInLine
+            cursorPosInLine,
         );
         const ps = parseSelector(lineChunkAtCursor, fixedCharIndex);
         const chunkStrings: string[] = ps.selector.reduce((acc, s) => {
@@ -771,7 +774,7 @@ export class Provider {
         // transforms inline custom selectors (e.g. ":--custom" -> ".x .y")
         const expandedLine: string = STCustomSelector.transformCustomSelectorInline(
             meta,
-            lineChunkAtCursor
+            lineChunkAtCursor,
         )
             .split(' ')
             .pop()!; // TODO: replace with selector parser
@@ -781,7 +784,7 @@ export class Provider {
         let resolved: CSSResolve[] = [];
         if (currentSelector && resolvedElements[0].length) {
             const clas = resolvedElements[0].find(
-                (e) => e.type === 'class' || (e.type === 'element' && e.resolved.length > 1)
+                (e) => e.type === 'class' || (e.type === 'element' && e.resolved.length > 1),
             ); // TODO: better type parsing
             resolved = clas ? clas.resolved : [];
         }
@@ -834,7 +837,7 @@ function findRefs(
     scannedMeta: StylableMeta,
     callingMeta: StylableMeta,
     stylable: Stylable,
-    pos?: Position
+    pos?: Position,
 ): Location[] {
     if (!word) {
         return [];
@@ -908,9 +911,9 @@ function findRefs(
                     const callingElement = findLast(
                         callPs.selector[callPs.target.index].text.slice(
                             0,
-                            callPs.target.internalIndex + 1
+                            callPs.target.internalIndex + 1,
                         ),
-                        (e) => !e.startsWith(':') || e.startsWith('::')
+                        (e) => !e.startsWith(':') || e.startsWith('::'),
                     );
                     if (!callingElement) {
                         return false;
@@ -918,7 +921,7 @@ function findRefs(
                     const selector = (lastStPath as postcss.Rule).selector;
                     const selectorElement = stylable.transformSelector(
                         callingMeta,
-                        selector.slice(0, selector.indexOf(word) + word.length)
+                        selector.slice(0, selector.indexOf(word) + word.length),
                     ).resolved[0];
                     const resolvedSelectorElement =
                         selectorElement[selectorElement.length - 1].resolved;
@@ -929,8 +932,8 @@ function findRefs(
                             (inner) =>
                                 inner.meta.source === defMeta.source &&
                                 Object.keys((inner.symbol as ClassSymbol)[`-st-states`]!).includes(
-                                    word
-                                )
+                                    word,
+                                ),
                         ) &&
                         rs.resolved[rs.resolved.length - 1].symbol.name ===
                             lastResolvedSelector.symbol.name
@@ -1010,11 +1013,11 @@ function findRefs(
         const callPs = parseSelector((pfp[pfp.length - 1] as postcss.Rule).selector, char);
         const callingElement = findLast(
             callPs.selector[callPs.target.index].text.slice(0, callPs.target.internalIndex + 1),
-            (e) => !e.startsWith(':') || e.startsWith('::')
+            (e) => !e.startsWith(':') || e.startsWith('::'),
         );
         const blargh = stylable.transformSelector(
             callingMeta,
-            (pfp[pfp.length - 1] as postcss.Rule).selector
+            (pfp[pfp.length - 1] as postcss.Rule).selector,
         ).resolved;
         if (
             directiveRegex.test(decl.prop) &&
@@ -1027,7 +1030,7 @@ function findRefs(
                     inner.resolved.some(
                         (s) =>
                             s.symbol.name ===
-                            (decl.parent as postcss.Rule).selector.replace('.', '')
+                            (decl.parent as postcss.Rule).selector.replace('.', ''),
                     )
                 );
             })
@@ -1171,7 +1174,7 @@ function newFindRefs(
     callingMeta: StylableMeta,
     stylesheetsPath: string[], // TODO: use docs instead?
     stylable: Stylable,
-    pos?: Position
+    pos?: Position,
 ): Location[] {
     let refs: Location[] = [];
     if (word.startsWith(':global(')) {
@@ -1225,7 +1228,7 @@ function newFindRefs(
             if (scannedMeta.source === defMeta.source) {
                 // We're in the defining file
                 refs = refs.concat(
-                    findRefs(word.replace('.', ''), defMeta, scannedMeta, callingMeta, stylable)
+                    findRefs(word.replace('.', ''), defMeta, scannedMeta, callingMeta, stylable),
                 );
             } else {
                 // We're in a using file
@@ -1235,7 +1238,13 @@ function newFindRefs(
                 }
                 if (newSymb.meta.source === defMeta.source) {
                     refs = refs.concat(
-                        findRefs(word.replace('.', ''), defMeta, scannedMeta, callingMeta, stylable)
+                        findRefs(
+                            word.replace('.', ''),
+                            defMeta,
+                            scannedMeta,
+                            callingMeta,
+                            stylable,
+                        ),
                     );
                 }
             }
@@ -1263,8 +1272,8 @@ function newFindRefs(
                                 defMeta,
                                 scannedMeta,
                                 callingMeta,
-                                stylable
-                            )
+                                stylable,
+                            ),
                         );
                         done = true;
                     }
@@ -1280,7 +1289,7 @@ function newFindRefs(
                                 (n as postcss.Declaration).prop === `-st-from` &&
                                 path.resolve(
                                     path.dirname(scannedMeta.source),
-                                    (n as postcss.Declaration).value.replace(/"/g, '')
+                                    (n as postcss.Declaration).value.replace(/"/g, ''),
                                 ) === defMeta.source
                             );
                         })
@@ -1291,8 +1300,8 @@ function newFindRefs(
                                 defMeta,
                                 scannedMeta,
                                 callingMeta,
-                                stylable
-                            )
+                                stylable,
+                            ),
                         );
                         done = true;
                     }
@@ -1325,7 +1334,7 @@ function newFindRefs(
                             : t.focusChunk.text;
                         let name = findLast(
                             arr,
-                            (str: string) => !str.startsWith(':') || str.startsWith('::')
+                            (str: string) => !str.startsWith(':') || str.startsWith('::'),
                         );
                         const pse = stylable.transformSelector(callingMeta, selec).resolved;
                         name = name!.replace('.', '').replace(/:/g, '');
@@ -1334,7 +1343,7 @@ function newFindRefs(
                             !!pse[0].some(
                                 (psInner) =>
                                     psInner.name === name &&
-                                    psInner.resolved.some((r) => r.symbol.name === sym.name)
+                                    psInner.resolved.some((r) => r.symbol.name === sym.name),
                             )
                         ) {
                             return true;
@@ -1356,8 +1365,8 @@ function newFindRefs(
                         scannedMeta,
                         callingMeta,
                         stylable,
-                        pos
-                    )
+                        pos,
+                    ),
                 );
                 return;
             }
@@ -1373,11 +1382,11 @@ function newFindRefs(
                         !(parsed.selector[parsed.target.index] as SelectorChunk).type.startsWith(
                             (parsed.selector[parsed.target.index] as SelectorChunk).type
                                 .charAt(0)
-                                .toLowerCase()
+                                .toLowerCase(),
                         )
                             ? findLast(
                                   (parsed.selector[parsed.target.index] as SelectorChunk).text,
-                                  (str: string) => !str.startsWith(':') || str.startsWith('::')
+                                  (str: string) => !str.startsWith(':') || str.startsWith('::'),
                               )!.replace('.', '')
                             : (parsed.selector[parsed.target.index] as SelectorInternalChunk).name;
                     const reso = stylable.transformSelector(scannedMeta, r.selector).resolved;
@@ -1404,8 +1413,8 @@ function newFindRefs(
                                 scannedMeta,
                                 callingMeta,
                                 stylable,
-                                pos
-                            )
+                                pos,
+                            ),
                         );
                         done = true;
                     }
@@ -1420,7 +1429,7 @@ export function getRenameRefs(
     filePath: string,
     pos: ProviderPosition,
     fs: IFileSystem,
-    stylable: Stylable
+    stylable: Stylable,
 ): Location[] {
     const refs = getRefs(filePath, pos, fs, stylable);
     const newRefs: Location[] = [];
@@ -1439,7 +1448,7 @@ export function getRefs(
     filePath: string,
     position: ProviderPosition,
     fs: IFileSystem,
-    stylable: Stylable
+    stylable: Stylable,
 ): Location[] {
     const callingMeta = stylable.analyze(filePath);
 
@@ -1448,7 +1457,7 @@ export function getRefs(
         position,
         fs.realpathSync.native(filePath),
         stylable,
-        fs
+        fs,
     );
 
     if (!symb.meta) {
@@ -1499,7 +1508,7 @@ export function fixAndProcess(
     src: string,
     position: ProviderPosition,
     filePath: string,
-    fs: IFileSystem
+    fs: IFileSystem,
 ) {
     let cursorLineIndex: number = position.character;
     const lines = src.replace(/\r\n/g, '\n').split('\n');
@@ -1536,14 +1545,17 @@ export function fixAndProcess(
 }
 
 export class ProviderLocation {
-    constructor(public uri: string, public range: ProviderRange) {}
+    constructor(
+        public uri: string,
+        public range: ProviderRange,
+    ) {}
 }
 
 export function extractTsSignature(
     filePath: string,
     mixin: string,
     isDefault: boolean,
-    tsLangService: ExtendedTsLanguageService
+    tsLangService: ExtendedTsLanguageService,
 ): ts.Signature | undefined {
     tsLangService.setOpenedFiles([filePath]);
     const program = tsLangService.ts.getProgram();
@@ -1575,7 +1587,7 @@ export function extractJsModifierReturnType(mixin: string, fileSrc: string): str
         lines
             .slice(0, mixinLine)
             .reverse()
-            .find((l) => l.trim().startsWith('/**'))!
+            .find((l) => l.trim().startsWith('/**'))!,
     );
     const docLines = lines.slice(docStartLine, mixinLine);
     const formattedLines: string[] = [];
@@ -1648,7 +1660,7 @@ export function isInValue(lineText: string, position: ProviderPosition) {
 
 function getChunkAtCursor(
     fullLineText: string,
-    cursorPosInLine: number
+    cursorPosInLine: number,
 ): { lineChunkAtCursor: string; fixedCharIndex: number } {
     let fixedCharIndex = cursorPosInLine;
     let lineChunkAtCursor = fullLineText;
@@ -1689,7 +1701,7 @@ function findNode(nodes: any[], index: number): any {
             (m, n) => {
                 return m.sourceIndex > n.sourceIndex ? m : n;
             },
-            { sourceIndex: -1 }
+            { sourceIndex: -1 },
         );
 }
 
@@ -1698,7 +1710,7 @@ export function getDefSymbol(
     position: ProviderPosition,
     filePath: string,
     stylable: Stylable,
-    fs: IFileSystem
+    fs: IFileSystem,
 ) {
     const res = fixAndProcess(src, position, filePath, fs);
     let meta = res.processed.meta;
@@ -1729,10 +1741,10 @@ export function getDefSymbol(
 
     const { lineChunkAtCursor } = getChunkAtCursor(
         res.currentLine.slice(0, val.sourceIndex + val.value.length),
-        position.character
+        position.character,
     );
     const directiveRegex = new RegExp(
-        `-st-extends` + '|' + `-st-named` + '|' + `-st-default` + '|' + `-st-mixin`
+        `-st-extends` + '|' + `-st-named` + '|' + `-st-default` + '|' + `-st-mixin`,
     );
     if (lineChunkAtCursor.startsWith(':global')) {
         return { word: ':global(' + word + ')', meta };
@@ -1788,7 +1800,7 @@ export function getDefSymbol(
     // transforms inline custom selectors (e.g. ":--custom" -> ".x .y")
     const expandedLine: string = STCustomSelector.transformCustomSelectorInline(
         meta,
-        lineChunkAtCursor
+        lineChunkAtCursor,
     )
         .split(' ')
         .pop()!; // TODO: replace with selector parser
@@ -1797,7 +1809,7 @@ export function getDefSymbol(
     let reso: CSSResolve | undefined;
     if (!word.startsWith(word.charAt(0).toLowerCase())) {
         reso = resolvedElements[0][resolvedElements[0].length - 1].resolved.find(
-            (res) => !!(res.symbol as ClassSymbol)['-st-root']
+            (res) => !!(res.symbol as ClassSymbol)['-st-root'],
         );
     } else if (resolvedElements.length && resolvedElements[0].length) {
         reso = resolvedElements[0][resolvedElements[0].length - 1].resolved.find((res) => {
diff --git a/packages/language-service/src/lib/service.ts b/packages/language-service/src/lib/service.ts
index ea9abdf40f..13a9cb5059 100644
--- a/packages/language-service/src/lib/service.ts
+++ b/packages/language-service/src/lib/service.ts
@@ -83,14 +83,14 @@ export class StylableLanguageService {
                 URI.file(filePath).toString(),
                 'stylable',
                 stylableFile.stat.mtime.getTime(),
-                stylableFile.content
+                stylableFile.content,
             );
 
             const res = this.provider.getDefinitionLocation(
                 stylableFile.content,
                 doc.positionAt(offset),
                 stylableFile.path,
-                this.fs
+                this.fs,
             );
 
             return res.map((loc) => Location.create(URI.file(loc.uri).toString(), loc.range));
@@ -107,7 +107,7 @@ export class StylableLanguageService {
                 URI.file(filePath).toString(),
                 'stylable',
                 stylableFile.stat.mtime.getTime(),
-                stylableFile.content
+                stylableFile.content,
             );
 
             return this.cssService.doHover(doc, doc.positionAt(offset), settings);
@@ -124,7 +124,7 @@ export class StylableLanguageService {
                 URI.file(filePath).toString(),
                 'stylable',
                 stylableFile.stat.mtime.getTime(),
-                stylableFile.content
+                stylableFile.content,
             );
 
             const position = doc.positionAt(offset);
@@ -148,7 +148,7 @@ export class StylableLanguageService {
                 URI.file(filePath).toString(),
                 'stylable',
                 stylableFile.stat.mtime.getTime(),
-                stylableFile.content
+                stylableFile.content,
             );
             return resolveDocumentColors(this.stylable, this.cssService, doc, this.fs);
         }
@@ -159,7 +159,7 @@ export class StylableLanguageService {
     public onColorPresentation(
         filePath: string,
         offset: { start: number; end: number },
-        color: Color
+        color: Color,
     ): ColorPresentation[] {
         const stylableFile = this.readStylableFile(filePath);
 
@@ -168,7 +168,7 @@ export class StylableLanguageService {
                 URI.file(filePath).toString(),
                 'stylable',
                 stylableFile.stat.mtime.getTime(),
-                stylableFile.content
+                stylableFile.content,
             );
 
             const range: Range = {
@@ -180,7 +180,7 @@ export class StylableLanguageService {
                 this.cssService,
                 doc,
                 { color, range, textDocument: doc },
-                this.fs
+                this.fs,
             );
         }
 
@@ -196,18 +196,21 @@ export class StylableLanguageService {
                 URI.file(filePath).toString(),
                 'stylable',
                 stylableFile.stat.mtime.getTime(),
-                stylableFile.content
+                stylableFile.content,
             );
 
-            getRenameRefs(stylableFile.path, doc.positionAt(offset), this.fs, this.stylable).forEach(
-                (ref) => {
-                    if (edit.changes![ref.uri]) {
-                        edit.changes![ref.uri].push({ range: ref.range, newText: newName });
-                    } else {
-                        edit.changes![ref.uri] = [{ range: ref.range, newText: newName }];
-                    }
+            getRenameRefs(
+                stylableFile.path,
+                doc.positionAt(offset),
+                this.fs,
+                this.stylable,
+            ).forEach((ref) => {
+                if (edit.changes![ref.uri]) {
+                    edit.changes![ref.uri].push({ range: ref.range, newText: newName });
+                } else {
+                    edit.changes![ref.uri] = [{ range: ref.range, newText: newName }];
                 }
-            );
+            });
         }
 
         return edit;
@@ -221,7 +224,7 @@ export class StylableLanguageService {
                 URI.file(filePath).toString(),
                 'stylable',
                 stylableFile.stat.mtime.getTime(),
-                stylableFile.content
+                stylableFile.content,
             );
 
             const sig = this.provider.getSignatureHelp(
@@ -229,7 +232,7 @@ export class StylableLanguageService {
                 doc.positionAt(offset),
                 filePath,
                 this.fs,
-                ParameterInformation
+                ParameterInformation,
             );
 
             return sig;
@@ -240,35 +243,35 @@ export class StylableLanguageService {
 
     public onDocumentFormatting(
         filePath: string,
-        options: StylableLangServiceFormattingOptions
+        options: StylableLangServiceFormattingOptions,
     ): TextEdit[] {
         const srcText = this.fs.readFileSync(filePath, 'utf8');
 
         return this.getDocumentFormatting(
             TextDocument.create(URI.file(filePath).toString(), 'stylable', 1, srcText),
             { start: 0, end: srcText.length },
-            options
+            options,
         );
     }
 
     public onDocumentRangeFormatting(
         filePath: string,
         offset: { start: number; end: number },
-        options: StylableLangServiceFormattingOptions
+        options: StylableLangServiceFormattingOptions,
     ): TextEdit[] {
         const srcText = this.fs.readFileSync(filePath, 'utf8');
 
         return this.getDocumentFormatting(
             TextDocument.create(URI.file(filePath).toString(), 'stylable', 1, srcText),
             offset,
-            options
+            options,
         );
     }
 
     public getDocumentFormatting(
         doc: TextDocument,
         offset: { start: number; end: number },
-        options: StylableLangServiceFormattingOptions
+        options: StylableLangServiceFormattingOptions,
     ) {
         return format(doc, offset, options);
     }
@@ -288,7 +291,7 @@ export class StylableLanguageService {
         const cleanDocument = this.cssService.createSanitizedDocument(
             ast,
             filePath,
-            context.document.version
+            context.document.version,
         );
 
         const groupedCompletions = new Map<string, CompletionItem>();
@@ -307,9 +310,11 @@ export class StylableLanguageService {
                     ? stComp.range
                     : new ProviderRange(
                           new ProviderPosition(position.line, Math.max(position.character - 1, 0)),
-                          position
+                          position,
                       ),
-                typeof stComp.insertText === 'string' ? stComp.insertText : stComp.insertText.source
+                typeof stComp.insertText === 'string'
+                    ? stComp.insertText
+                    : stComp.insertText.source,
             );
             lspCompletion.insertTextFormat = 2;
             lspCompletion.detail = stComp.detail;
@@ -324,12 +329,12 @@ export class StylableLanguageService {
             if (stComp.additionalCompletions) {
                 lspCompletion.command = Command.create(
                     'additional',
-                    'editor.action.triggerSuggest'
+                    'editor.action.triggerSuggest',
                 );
             } else if (stComp.triggerSignature) {
                 lspCompletion.command = Command.create(
                     'additional',
-                    'editor.action.triggerParameterHints'
+                    'editor.action.triggerParameterHints',
                 );
             }
         }
@@ -352,12 +357,7 @@ export class StylableLanguageService {
 
     public getDefinitionLocation(src: string, position: ProviderPosition, filePath: string) {
         const realFilePath = this.fs.realpathSync.native(filePath);
-        const defs = this.provider.getDefinitionLocation(
-            src,
-            position,
-            realFilePath,
-            this.fs
-        );
+        const defs = this.provider.getDefinitionLocation(src, position, realFilePath, this.fs);
         return defs.map((loc) => Location.create(URI.file(loc.uri).fsPath, loc.range));
     }
 
@@ -365,7 +365,7 @@ export class StylableLanguageService {
         src: string,
         pos: Position,
         filePath: string,
-        paramInfo: typeof ParameterInformation
+        paramInfo: typeof ParameterInformation,
     ) {
         return this.provider.getSignatureHelp(src, pos, filePath, this.fs, paramInfo);
     }
@@ -391,7 +391,7 @@ export class StylableLanguageService {
                 stylableFile.stat.mtime.getTime(),
                 stylableFile.path,
                 this.stylable,
-                this.cssService
+                this.cssService,
             );
         }
 
@@ -439,7 +439,7 @@ wrapAndCatchErrors(
         onDocumentRangeFormatting: () => [],
         onRenameRequest: () => ({ changes: {} }),
     },
-    StylableLanguageService
+    StylableLanguageService,
 );
 
 export interface StylableFile {
diff --git a/packages/language-service/src/lib/typescript-support.ts b/packages/language-service/src/lib/typescript-support.ts
index 9db2aaee49..c9868a13ed 100644
--- a/packages/language-service/src/lib/typescript-support.ts
+++ b/packages/language-service/src/lib/typescript-support.ts
@@ -18,7 +18,7 @@ export function typescriptSupport(fileSystem: IFileSystemSync) {
             module: ts.ModuleKind.CommonJS,
             typeRoots: ['./node_modules/@types'],
         }),
-        ''
+        '',
     );
     const tsLanguageService = ts.createLanguageService(tsLanguageServiceHost);
     const wrappedTs: ExtendedTsLanguageService = {
diff --git a/packages/language-service/src/lib/utils/postcss-ast-utils.ts b/packages/language-service/src/lib/utils/postcss-ast-utils.ts
index 83958bb913..1eee1b1a46 100644
--- a/packages/language-service/src/lib/utils/postcss-ast-utils.ts
+++ b/packages/language-service/src/lib/utils/postcss-ast-utils.ts
@@ -4,7 +4,7 @@ import type { ProviderPosition } from '../completion-providers';
 export function isInNode(
     position: ProviderPosition,
     node: postcss.Node,
-    includeSelector = false
+    includeSelector = false,
 ): boolean {
     const nodeStart = node.source?.start;
     const nodeEnd = node.source?.end;
@@ -102,7 +102,7 @@ export function pathFromPosition(
     ast: postcss.AnyNode,
     position: ProviderPosition,
     res: postcss.AnyNode[] = [],
-    includeSelector = false
+    includeSelector = false,
 ): postcss.AnyNode[] {
     res.push(ast);
     if (isContainer(ast) && ast.nodes) {
@@ -119,7 +119,7 @@ export function pathFromPosition(
 export function getAtRuleByPosition(
     ast: postcss.Root,
     position: ProviderPosition,
-    atRuleName: string
+    atRuleName: string,
 ): postcss.AtRule | undefined {
     let res: postcss.AtRule | undefined;
     ast.walkAtRules(atRuleName, (atRule) => {
diff --git a/packages/language-service/src/lib/utils/selector-analyzer.ts b/packages/language-service/src/lib/utils/selector-analyzer.ts
index a360dab564..9b589dfd47 100644
--- a/packages/language-service/src/lib/utils/selector-analyzer.ts
+++ b/packages/language-service/src/lib/utils/selector-analyzer.ts
@@ -35,7 +35,7 @@ export function createSelectorChunk(value?: Partial<SelectorChunk>): SelectorChu
 }
 
 export function createSelectorInternalChunk(
-    value?: Partial<SelectorInternalChunk>
+    value?: Partial<SelectorInternalChunk>,
 ): SelectorInternalChunk {
     return { name: '', ...createSelectorChunk(value), _type: 'internal-chunk' };
 }
@@ -54,7 +54,7 @@ export function isSelectorInternalChunk(chunk: SelectorQuery): chunk is Selector
 
 export function parseSelector(
     inputSelector: string,
-    cursorIndex = 0
+    cursorIndex = 0,
 ): { selector: SelectorQuery[]; target: CursorPosition; lastSelector: string } {
     const res: SelectorQuery[] = [];
     const textArr: string[] = [];
diff --git a/packages/language-service/src/lib/utils/typescript-internals.d.ts b/packages/language-service/src/lib/utils/typescript-internals.d.ts
index 948889e177..d1dd33d629 100644
--- a/packages/language-service/src/lib/utils/typescript-internals.d.ts
+++ b/packages/language-service/src/lib/utils/typescript-internals.d.ts
@@ -13,7 +13,7 @@ declare module 'typescript' {
         useCaseSensitiveFileNames: boolean,
         currentDirectory: string,
         depth: number | undefined,
-        getFileSystemEntries: (path: string) => FileSystemEntries
+        getFileSystemEntries: (path: string) => FileSystemEntries,
     ): string[];
 
     // used by matchFiles above
@@ -25,6 +25,6 @@ declare module 'typescript' {
     // needed to resolve newLine, while taking compilerOptions into consideration, for each `LanguageServiceHost`
     export function getNewLineCharacter(
         options: ts.CompilerOptions | ts.PrinterOptions,
-        getNewLine?: () => string
+        getNewLine?: () => string,
     ): string;
 }
diff --git a/packages/language-service/src/lib/utils/wrap-and-log.ts b/packages/language-service/src/lib/utils/wrap-and-log.ts
index 8ee1d126f1..34fb11f297 100644
--- a/packages/language-service/src/lib/utils/wrap-and-log.ts
+++ b/packages/language-service/src/lib/utils/wrap-and-log.ts
@@ -9,14 +9,14 @@ type FunctionConfig<T> = Pick<
 
 export function wrapAndCatchErrors<T extends Record<string, any>>(
     config: Partial<FunctionConfig<T>>,
-    context: new (...args: any[]) => T
+    context: new (...args: any[]) => T,
 ) {
     const proto = context.prototype;
     for (const [name, defaultReturn] of Object.entries(config)) {
         const func = proto[name];
         if (typeof func !== 'function') {
             console.error(
-                `expected to find a function named ${name} on context, but found ${typeof func}`
+                `expected to find a function named ${name} on context, but found ${typeof func}`,
             );
             continue;
         }
diff --git a/packages/language-service/test/lib-new/ast-from-position.spec.ts b/packages/language-service/test/lib-new/ast-from-position.spec.ts
index 53510c1ade..035639ff33 100644
--- a/packages/language-service/test/lib-new/ast-from-position.spec.ts
+++ b/packages/language-service/test/lib-new/ast-from-position.spec.ts
@@ -22,7 +22,7 @@ function setupWithCursor(source: string, options: { deindent?: boolean } = {}) {
 }
 function assertNodes(
     nodes: NodeType[],
-    expectedNodes: { str: string; desc?: string; type?: string }[]
+    expectedNodes: { str: string; desc?: string; type?: string }[],
 ) {
     expect(nodes.length, 'expected amount').to.eql(expectedNodes.length);
     nodes.forEach((actual, i) => {
@@ -57,7 +57,7 @@ function expectAstLocation(
         deindent?: boolean;
         where?: string;
         parents?: { str: string; desc?: string; type?: string }[];
-    }
+    },
 ) {
     if (expectation.node) {
         expect(actual.node, 'node').to.equal(expectation.node);
@@ -669,7 +669,7 @@ describe('ast-from-position', () => {
             });
             // decl-value level
             expect(stringifyCSSValue(declValue!.ast), 'value ast').to.eql(
-                ' before nest(bookmark) after'
+                ' before nest(bookmark) after',
             );
             expectAstLocation(declValue!, {
                 stringify: 'book|mark',
@@ -872,7 +872,7 @@ describe('ast-from-position', () => {
             });
             // atrule-params level
             expect(stringifyCSSValue(atRuleParams!.ast), 'params ast').to.eql(
-                ' before bookmark after '
+                ' before bookmark after ',
             );
             expectAstLocation(atRuleParams!, {
                 stringify: 'book|mark',
@@ -903,7 +903,7 @@ describe('ast-from-position', () => {
             });
             // atrule-params level
             expect(stringifyCSSValue(atRuleParams!.ast), 'params ast').to.eql(
-                ' before nest(bookmark) after '
+                ' before nest(bookmark) after ',
             );
             expectAstLocation(atRuleParams!, {
                 stringify: 'book|mark',
diff --git a/packages/language-service/test/lib-new/features/ls-css-pseudo-class.spec.ts b/packages/language-service/test/lib-new/features/ls-css-pseudo-class.spec.ts
index f36a2f6836..0dfbe45b0f 100644
--- a/packages/language-service/test/lib-new/features/ls-css-pseudo-class.spec.ts
+++ b/packages/language-service/test/lib-new/features/ls-css-pseudo-class.spec.ts
@@ -385,7 +385,7 @@ describe('LS: css-pseudo-class', () => {
                             textEdit: replaceText(carets.nestColon, ':bbb', { deltaStart: -1 }),
                         },
                     ],
-                })
+                }),
             );
 
             assertCompletions(
@@ -407,7 +407,7 @@ describe('LS: css-pseudo-class', () => {
                             }),
                         },
                     ],
-                })
+                }),
             );
         });
         it('should NOT suggest root custom states after empty nested selector', () => {
@@ -492,7 +492,7 @@ describe('LS: css-pseudo-class', () => {
                             },
                         ],
                         unexpectedList: [{ label: ':aaa' }, { label: ':bbb' }],
-                    })
+                    }),
                 );
 
                 assertCompletions(
@@ -509,7 +509,7 @@ describe('LS: css-pseudo-class', () => {
                             },
                         ],
                         unexpectedList: [{ label: ':aaa' }, { label: ':bbb' }],
-                    })
+                    }),
                 );
             }
         });
@@ -715,7 +715,7 @@ describe('LS: css-pseudo-class', () => {
                         .extendingNamed^extendingClass^ {}
                     `,
                 },
-                { testOnNativeFileSystem: tempDir.path }
+                { testOnNativeFileSystem: tempDir.path },
             );
             const entryPath = fs.join(tempDir.path, 'entry.st.css');
 
@@ -780,7 +780,7 @@ describe('LS: css-pseudo-class', () => {
                         .extending:xxx::part:another-part-state:yyy::base:^inDeepPseudoElement^ {}
                     `,
                 },
-                { testOnNativeFileSystem: tempDir.path }
+                { testOnNativeFileSystem: tempDir.path },
             );
             const entryPath = fs.join(tempDir.path, 'entry.st.css');
 
@@ -817,7 +817,7 @@ describe('LS: css-pseudo-class', () => {
                         .Root:type(sh^partial^) {}
                     `,
                 },
-                { testOnNativeFileSystem: tempDir.path }
+                { testOnNativeFileSystem: tempDir.path },
             );
             const entryPath = fs.join(tempDir.path, 'entry.st.css');
 
diff --git a/packages/language-service/test/lib-new/features/ls-st-import.spec.ts b/packages/language-service/test/lib-new/features/ls-st-import.spec.ts
index 797291cea8..46e90c0bfe 100644
--- a/packages/language-service/test/lib-new/features/ls-st-import.spec.ts
+++ b/packages/language-service/test/lib-new/features/ls-st-import.spec.ts
@@ -43,7 +43,7 @@ describe('LS: st-import', () => {
                     ^beforeSelector^ .x {}
                 `,
             },
-            { testOnNativeFileSystem: tempDir.path }
+            { testOnNativeFileSystem: tempDir.path },
         );
         const aPath = fs.join(tempDir.path, 'a.st.css');
         const bPath = fs.join(tempDir.path, 'b.st.css');
@@ -99,7 +99,7 @@ describe('LS: st-import', () => {
                     .xxx {}
                 `,
             },
-            { testOnNativeFileSystem: tempDir.path }
+            { testOnNativeFileSystem: tempDir.path },
         );
 
         const entryPath = fs.join(tempDir.path, 'entry.st.css');
@@ -158,7 +158,7 @@ describe('LS: st-import', () => {
                         @st-import [classB, --pro^partial^] from './source.st.css';
                     `,
                 },
-                { testOnNativeFileSystem: tempDir.path }
+                { testOnNativeFileSystem: tempDir.path },
             );
             const entryPath = fs.join(tempDir.path, 'entry.st.css');
 
@@ -264,7 +264,7 @@ describe('LS: st-import', () => {
                         ] from './source.st.css';
                     `,
                 },
-                { testOnNativeFileSystem: tempDir.path }
+                { testOnNativeFileSystem: tempDir.path },
             );
             const entryPath = fs.join(tempDir.path, 'entry.st.css');
 
@@ -298,7 +298,7 @@ describe('LS: st-import', () => {
                                 }, [] as string[]),
                             (name) => ({
                                 label: name,
-                            })
+                            }),
                         ),
                     ],
                 }));
@@ -331,7 +331,7 @@ describe('LS: st-import', () => {
                                 }, [] as string[]),
                             (name) => ({
                                 label: name,
-                            })
+                            }),
                         ),
                     ],
                 }));
@@ -362,7 +362,7 @@ describe('LS: st-import', () => {
                         ] from './code.js';
                     `,
                 },
-                { testOnNativeFileSystem: tempDir.path }
+                { testOnNativeFileSystem: tempDir.path },
             );
             const entryPath = fs.join(tempDir.path, 'entry.st.css');
 
@@ -395,7 +395,7 @@ describe('LS: st-import', () => {
                     // all except layer
                     ...completion(
                         [...supportedTypes.filter((type) => type !== 'layer')],
-                        (type) => ({ label: type + '()' })
+                        (type) => ({ label: type + '()' }),
                     ),
                 ],
             }));
@@ -415,7 +415,7 @@ describe('LS: st-import', () => {
                     // all except container
                     ...completion(
                         [...supportedTypes.filter((type) => type !== 'container')],
-                        (type) => ({ label: type + '()' })
+                        (type) => ({ label: type + '()' }),
                     ),
                 ],
             }));
@@ -474,7 +474,7 @@ describe('LS: st-import', () => {
                         @st-import [^topEmpty^] from './proxy.st.css';
                     `,
                 },
-                { testOnNativeFileSystem: tempDir.path }
+                { testOnNativeFileSystem: tempDir.path },
             );
             const entryPath = fs.join(tempDir.path, 'entry.st.css');
 
@@ -539,7 +539,7 @@ describe('LS: st-import', () => {
                         ] from './source.st.css';
                     `,
                 },
-                { testOnNativeFileSystem: tempDir.path }
+                { testOnNativeFileSystem: tempDir.path },
             );
             const entryPath = fs.join(tempDir.path, 'entry.st.css');
 
@@ -625,7 +625,7 @@ describe('LS: st-import', () => {
                     // that cannot run in memory-fs on windows. once the code is refactor this test
                     // should remove the "testOnNativeFileSystem" flag
                     testOnNativeFileSystem: tempDir.path,
-                }
+                },
             );
             const entryPath = fs.join(tempDir.path, 'entry.st.css');
 
@@ -679,7 +679,7 @@ describe('LS: st-import', () => {
                         @st-import [mix^partial^] from './code.js';
                     `,
                 },
-                { testOnNativeFileSystem: tempDir.path }
+                { testOnNativeFileSystem: tempDir.path },
             );
             const entryPath = fs.join(tempDir.path, 'entry.st.css');
 
@@ -789,7 +789,7 @@ describe('LS: st-import', () => {
                 },
                 {
                     testOnNativeFileSystem: tempDir.path,
-                }
+                },
             );
             const entryPath = fs.join(tempDir.path, 'src', 'entry.st.css');
 
@@ -857,7 +857,7 @@ describe('LS: st-import', () => {
                 },
                 {
                     testOnNativeFileSystem: tempDir.path,
-                }
+                },
             );
             const entryPath = fs.join(tempDir.path, 'entry.st.css');
 
@@ -905,7 +905,7 @@ describe('LS: st-import', () => {
                             `,
                         },
                     },
-                    { testOnNativeFileSystem: tempDir.path }
+                    { testOnNativeFileSystem: tempDir.path },
                 );
                 const entryPath = fs.join(tempDir.path, 'src/entry.st.css');
 
@@ -992,7 +992,7 @@ describe('LS: st-import', () => {
                             @st-import from 'flat-package/esm/fi^flatInternal^';
                         `,
                     },
-                    { testOnNativeFileSystem: tempDir.path }
+                    { testOnNativeFileSystem: tempDir.path },
                 );
                 const entryPath = fs.join(tempDir.path, 'entry.st.css');
 
@@ -1059,7 +1059,7 @@ describe('LS: st-import', () => {
                             `,
                         },
                     },
-                    { testOnNativeFileSystem: tempDir.path }
+                    { testOnNativeFileSystem: tempDir.path },
                 );
                 const entryPath = fs.join(tempDir.path, 'src', 'entry.st.css');
 
@@ -1108,7 +1108,7 @@ describe('LS: st-import', () => {
                             @st-import from 'x/wild/internal^internal^';
                         `,
                     },
-                    { testOnNativeFileSystem: tempDir.path }
+                    { testOnNativeFileSystem: tempDir.path },
                 );
                 const entryPath = fs.join(tempDir.path, 'entry.st.css');
 
@@ -1221,7 +1221,7 @@ describe('LS: st-import', () => {
                             @st-import from 'nestedConditions/give-me/^nestedSubpathConditions^';
                         `,
                     },
-                    { testOnNativeFileSystem: tempDir.path }
+                    { testOnNativeFileSystem: tempDir.path },
                 );
                 const entryPath = fs.join(tempDir.path, 'entry.st.css');
 
@@ -1278,14 +1278,14 @@ describe('LS: st-import', () => {
                                         fs.join(
                                             tempDir.path,
                                             'src/mapped',
-                                            ...specifier.split('/')
+                                            ...specifier.split('/'),
                                         ) + (specifier.endsWith('/') ? fs.sep : '')
                                     );
                                 }
                                 return defaultResolveModule(contextPath, specifier);
                             },
                         },
-                    }
+                    },
                 );
                 const defaultResolveModule = createDefaultResolver({ fs });
                 const entryPath = fs.join(tempDir.path, 'src', 'entry.st.css');
diff --git a/packages/language-service/test/lib/colors.spec.ts b/packages/language-service/test/lib/colors.spec.ts
index 4caecdc6fe..08347b20c6 100644
--- a/packages/language-service/test/lib/colors.spec.ts
+++ b/packages/language-service/test/lib/colors.spec.ts
@@ -115,7 +115,7 @@ describe('Colors', () => {
             const res = getDocColorPresentation(
                 'colors/color-presentation-import.st.css',
                 color,
-                range
+                range,
             );
 
             expect(res.length).to.equal(4);
diff --git a/packages/language-service/test/lib/completions/completion.spec.ts b/packages/language-service/test/lib/completions/completion.spec.ts
index a5d128bfb1..d5727a7733 100644
--- a/packages/language-service/test/lib/completions/completion.spec.ts
+++ b/packages/language-service/test/lib/completions/completion.spec.ts
@@ -30,7 +30,7 @@ describe('Completions - file system fixtures', () => {
 
         it('should not complete broken classes at top level', () => {
             const asserter = asserters.getCompletions(
-                'general/top-level-existing-classes-broken.st.css'
+                'general/top-level-existing-classes-broken.st.css',
             );
             asserter.suggested([
                 asserters.importDirectiveCompletion(topLevelExistingRange),
@@ -111,20 +111,20 @@ describe('Completions - file system fixtures', () => {
                 asserters.stateSelectorCompletion(
                     'shmover',
                     createRange(10, 5, 10, 6),
-                    './comp-to-import.st.css'
+                    './comp-to-import.st.css',
                 ),
             ]);
         });
 
         it('complete states for localy imported component (including local states)', () => {
             const asserter = asserters.getCompletions(
-                'states/locally-imported-component-with-states.st.css'
+                'states/locally-imported-component-with-states.st.css',
             );
             asserter.suggested([
                 asserters.stateSelectorCompletion(
                     'shmover',
                     createRange(11, 5, 11, 6),
-                    './comp-to-import.st.css'
+                    './comp-to-import.st.css',
                 ),
                 asserters.stateSelectorCompletion('clover', createRange(11, 5, 11, 6)),
             ]);
@@ -132,18 +132,18 @@ describe('Completions - file system fixtures', () => {
 
         it('complete states for localy imported component ( recursive )', () => {
             const asserter = asserters.getCompletions(
-                'states/locally-imported-component-recursive.st.css'
+                'states/locally-imported-component-recursive.st.css',
             );
             asserter.suggested([
                 asserters.stateSelectorCompletion(
                     'shmover',
                     createRange(11, 11, 11, 12),
-                    './comp-to-import.st.css'
+                    './comp-to-import.st.css',
                 ),
                 asserters.stateSelectorCompletion(
                     'hoover',
                     createRange(11, 11, 11, 12),
-                    './mid-level-import.st.css'
+                    './mid-level-import.st.css',
                 ),
                 asserters.stateSelectorCompletion('clover', createRange(11, 11, 11, 12)),
             ]);
diff --git a/packages/language-service/test/lib/completions/contains.spec.ts b/packages/language-service/test/lib/completions/contains.spec.ts
index b0ae9adf12..2e5366bf57 100644
--- a/packages/language-service/test/lib/completions/contains.spec.ts
+++ b/packages/language-service/test/lib/completions/contains.spec.ts
@@ -17,7 +17,7 @@ describe('CSS contains', () => {
                     }
                 `),
             },
-            filePath
+            filePath,
         );
 
         expect(diagnostics).to.eql([]);
diff --git a/packages/language-service/test/lib/completions/custom-property.spec.ts b/packages/language-service/test/lib/completions/custom-property.spec.ts
index a46b1b86cc..82982ba6e3 100644
--- a/packages/language-service/test/lib/completions/custom-property.spec.ts
+++ b/packages/language-service/test/lib/completions/custom-property.spec.ts
@@ -12,7 +12,7 @@ describe('custom property', () => {
                     @property --x;
                 `),
             },
-            filePath
+            filePath,
         );
 
         expect(diagnostics).to.eql([]);
@@ -30,7 +30,7 @@ describe('custom property', () => {
                     }
                 `),
             },
-            filePath
+            filePath,
         );
 
         expect(diagnostics).to.eql([]);
diff --git a/packages/language-service/test/lib/completions/custom-selectors.spec.ts b/packages/language-service/test/lib/completions/custom-selectors.spec.ts
index ef3f34484b..5191b0a325 100644
--- a/packages/language-service/test/lib/completions/custom-selectors.spec.ts
+++ b/packages/language-service/test/lib/completions/custom-selectors.spec.ts
@@ -24,7 +24,7 @@ describe('Custom Selectors', () => {
                     const rng = createRange(10, 0, 10, 0 + i);
                     const asserter = asserters.getCompletions(
                         'custom-selectors/local-selector.st.css',
-                        prefix
+                        prefix,
                     );
                     const exp: Array<Partial<Completion>> = [];
                     const notExp: Array<Partial<Completion>> = [];
@@ -42,7 +42,7 @@ describe('Custom Selectors', () => {
                     const rng = createRange(10, 11, 10, 11 + i);
                     const asserter = asserters.getCompletions(
                         'custom-selectors/local-selector-complex.st.css',
-                        prefix
+                        prefix,
                     );
                     const exp: Array<Partial<Completion>> = [];
                     const notExp: Array<Partial<Completion>> = [];
@@ -69,7 +69,7 @@ describe('Custom Selectors', () => {
                         const rng = createRange(16, 8, 16, 8 + i);
                         const asserter = asserters.getCompletions(
                             'custom-selectors/local-selector-inner-2.st.css',
-                            prefix
+                            prefix,
                         );
                         const exp: Array<Partial<Completion>> = [];
                         const notExp: Array<Partial<Completion>> = [];
@@ -81,7 +81,7 @@ describe('Custom Selectors', () => {
                         }
                         asserter.suggested(exp);
                         asserter.notSuggested(notExp);
-                    }
+                    },
                 );
             });
         });
@@ -97,7 +97,7 @@ describe('Custom Selectors', () => {
                         const rng = createRange(16, 8, 16, 8 + i);
                         const asserter = asserters.getCompletions(
                             'custom-selectors/local-selector-inner.st.css',
-                            prefix
+                            prefix,
                         );
                         const exp: Array<Partial<Completion>> = [];
                         const notExp: Array<Partial<Completion>> = [];
@@ -109,7 +109,7 @@ describe('Custom Selectors', () => {
                         }
                         asserter.suggested(exp);
                         asserter.notSuggested(notExp);
-                    }
+                    },
                 );
             });
         });
@@ -131,7 +131,7 @@ describe('Custom Selectors', () => {
                     const rng = createRange(10, 8, 10, 8 + i);
                     const asserter = asserters.getCompletions(
                         'pseudo-elements/custom-selector-local.st.css',
-                        prefix
+                        prefix,
                     );
                     const exp: Array<Partial<Completion>> = [];
                     const notExp: Array<Partial<Completion>> = [];
@@ -157,7 +157,7 @@ describe('Custom Selectors', () => {
                     const rng = createRange(10, 8, 10, 8 + i);
                     const asserter = asserters.getCompletions(
                         'pseudo-elements/custom-selector-local.st.css',
-                        prefix
+                        prefix,
                     );
                     const exp: Array<Partial<Completion>> = [];
                     const notExp: Array<Partial<Completion>> = [];
@@ -196,7 +196,7 @@ describe('Custom Selectors', () => {
                         const rng = createRange(9, 5, 9, 5 + i);
                         const asserter = asserters.getCompletions(
                             'custom-selectors/imported-selector-extended.st.css',
-                            prefix
+                            prefix,
                         );
                         const exp: Array<Partial<Completion>> = [];
                         const notExp: Array<Partial<Completion>> = [];
@@ -208,7 +208,7 @@ describe('Custom Selectors', () => {
                         }
                         asserter.suggested(exp);
                         asserter.notSuggested(notExp);
-                    }
+                    },
                 );
 
                 it(
@@ -219,7 +219,7 @@ describe('Custom Selectors', () => {
                         const rng = createRange(9, 5, 9, 5 + i);
                         const asserter = asserters.getCompletions(
                             'custom-selectors/imported-selector-extended-on-root.st.css',
-                            prefix
+                            prefix,
                         );
                         const exp: Array<Partial<Completion>> = [];
                         const notExp: Array<Partial<Completion>> = [];
@@ -231,7 +231,7 @@ describe('Custom Selectors', () => {
                         }
                         asserter.suggested(exp);
                         asserter.notSuggested(notExp);
-                    }
+                    },
                 );
 
                 it(
@@ -242,7 +242,7 @@ describe('Custom Selectors', () => {
                         const rng = createRange(9, 4, 9, 4 + i);
                         const asserter = asserters.getCompletions(
                             'custom-selectors/imported-selector-as-tag.st.css',
-                            prefix
+                            prefix,
                         );
                         const exp: Array<Partial<Completion>> = [];
                         const notExp: Array<Partial<Completion>> = [];
@@ -254,7 +254,7 @@ describe('Custom Selectors', () => {
                         }
                         asserter.suggested(exp);
                         asserter.notSuggested(notExp);
-                    }
+                    },
                 );
             });
         });
@@ -269,7 +269,7 @@ describe('Custom Selectors', () => {
                     const rng = createRange(9, 12, 9, 12 + i);
                     const asserter = asserters.getCompletions(
                         'custom-selectors/imported-selector-inner.st.css',
-                        prefix
+                        prefix,
                     );
                     const exp: Array<Partial<Completion>> = [];
                     const notExp: Array<Partial<Completion>> = [];
@@ -287,7 +287,7 @@ describe('Custom Selectors', () => {
                     const rng = createRange(9, 12, 9, 12 + i);
                     const asserter = asserters.getCompletions(
                         'custom-selectors/imported-selector-on-root-inner.st.css',
-                        prefix
+                        prefix,
                     );
                     const exp: Array<Partial<Completion>> = [];
                     const notExp: Array<Partial<Completion>> = [];
@@ -308,7 +308,7 @@ describe('Custom Selectors', () => {
                         const rng = createRange(9, 12, 9, 12 + i);
                         const asserter = asserters.getCompletions(
                             'custom-selectors/imported-selector-grouped.st.css',
-                            prefix
+                            prefix,
                         );
                         const exp: Array<Partial<Completion>> = [];
                         const notExp: Array<Partial<Completion>> = [];
@@ -324,7 +324,7 @@ describe('Custom Selectors', () => {
                         }
 
                         asserter.suggested(exp);
-                    }
+                    },
                 );
             });
         });
@@ -339,7 +339,7 @@ describe('Custom Selectors', () => {
                     const rng = createRange(9, 12, 9, 12 + i);
                     const asserter = asserters.getCompletions(
                         'custom-selectors/imported-selector-inner.st.css',
-                        prefix
+                        prefix,
                     );
                     const exp: Array<Partial<Completion>> = [];
                     const notExp: Array<Partial<Completion>> = [];
@@ -359,7 +359,7 @@ describe('Custom Selectors', () => {
                         const rng = createRange(9, 12, 9, 12 + i);
                         const asserter = asserters.getCompletions(
                             'custom-selectors/imported-selector-on-root-inner.st.css',
-                            prefix
+                            prefix,
                         );
                         const exp: Array<Partial<Completion>> = [];
                         const notExp: Array<Partial<Completion>> = [];
@@ -371,7 +371,7 @@ describe('Custom Selectors', () => {
                         }
                         asserter.suggested(exp);
                         asserter.notSuggested(notExp);
-                    }
+                    },
                 );
 
                 it(
@@ -382,7 +382,7 @@ describe('Custom Selectors', () => {
                         const rng = createRange(9, 12, 9, 12 + i);
                         const asserter = asserters.getCompletions(
                             'custom-selectors/imported-selector-grouped.st.css',
-                            prefix
+                            prefix,
                         );
                         const exp: Array<Partial<Completion>> = [];
                         const notExp: Array<Partial<Completion>> = [];
@@ -398,7 +398,7 @@ describe('Custom Selectors', () => {
                         }
                         asserter.suggested(exp);
                         asserter.notSuggested(notExp);
-                    }
+                    },
                 );
             });
         });
diff --git a/packages/language-service/test/lib/completions/formatters.spec.ts b/packages/language-service/test/lib/completions/formatters.spec.ts
index 134a4f8706..718fcfb846 100644
--- a/packages/language-service/test/lib/completions/formatters.spec.ts
+++ b/packages/language-service/test/lib/completions/formatters.spec.ts
@@ -27,7 +27,7 @@ describe('Formatters', () => {
                         const rng = createRange(12, 11, 12, 11 + i);
                         const asserter = asserters.getCompletions(
                             'mixins/imported-formatters.st.css',
-                            prefix
+                            prefix,
                         );
                         const exp: Array<Partial<Completion>> = [];
                         const notExp: Array<Partial<Completion>> = [];
@@ -45,7 +45,7 @@ describe('Formatters', () => {
                         notExp.push(createComp(ts_mixin_2, rng, tsFrom));
                         asserter.suggested(exp);
                         asserter.notSuggested(notExp);
-                    }
+                    },
                 ).timeout(10000);
 
                 it(
@@ -54,7 +54,7 @@ describe('Formatters', () => {
                         const rng = createRange(11, 49, 11, 49 + i);
                         const asserter = asserters.getCompletions(
                             'mixins/imported-formatters-single-value.st.css',
-                            prefix
+                            prefix,
                         );
                         const exp: Array<Partial<Completion>> = [];
                         const notExp: Array<Partial<Completion>> = [];
@@ -72,7 +72,7 @@ describe('Formatters', () => {
                         notExp.push(createComp(ts_mixin_2, rng, tsFrom));
                         asserter.suggested(exp);
                         asserter.notSuggested(notExp);
-                    }
+                    },
                 ).timeout(10000);
             });
         });
@@ -88,7 +88,7 @@ describe('Formatters', () => {
                         const rng = createRange(12, 11, 12, 11 + i);
                         const asserter = asserters.getCompletions(
                             'mixins/imported-formatters.st.css',
-                            prefix
+                            prefix,
                         );
                         const exp: Array<Partial<Completion>> = [];
                         const notExp: Array<Partial<Completion>> = [];
@@ -100,7 +100,7 @@ describe('Formatters', () => {
                         exp.push(createComp(js_formatter_2, rng, jsFrom));
                         asserter.suggested(exp);
                         asserter.notSuggested(notExp);
-                    }
+                    },
                 ).timeout(10000);
 
                 it(
@@ -109,7 +109,7 @@ describe('Formatters', () => {
                         const rng = createRange(11, 49, 11, 49 + i);
                         const asserter = asserters.getCompletions(
                             'mixins/imported-formatters-single-value.st.css',
-                            prefix
+                            prefix,
                         );
                         const exp: Array<Partial<Completion>> = [];
                         const notExp: Array<Partial<Completion>> = [];
@@ -121,14 +121,14 @@ describe('Formatters', () => {
                         exp.push(createComp(js_formatter_2, rng, jsFrom));
                         asserter.suggested(exp);
                         asserter.notSuggested(notExp);
-                    }
+                    },
                 ).timeout(10000);
             });
         });
 
         it('should complete formatters inside a mixin param list', () => {
             const asserter = asserters.getCompletions(
-                'mixins/imported-mixins-in-param-list.st.css'
+                'mixins/imported-mixins-in-param-list.st.css',
             );
             const rng = createRange(0, 0, 0, 0);
             const notExp: Array<Partial<Completion>> = [];
diff --git a/packages/language-service/test/lib/completions/globals.spec.ts b/packages/language-service/test/lib/completions/globals.spec.ts
index 686b9c8eea..25125bd21a 100644
--- a/packages/language-service/test/lib/completions/globals.spec.ts
+++ b/packages/language-service/test/lib/completions/globals.spec.ts
@@ -22,7 +22,7 @@ describe('Global scope reference', () => {
         it('should be completed at top level after element, with prefix ' + prefix, () => {
             const asserter = asserters.getCompletions(
                 'pseudo-elements/default-import-as-tag.st.css',
-                prefix
+                prefix,
             );
             const rng = createRange(6, 4, 6, 4 + i);
             const exp: Array<Partial<Completion>> = [];
@@ -33,7 +33,7 @@ describe('Global scope reference', () => {
         it('should be completed inside custom selector definition, with prefix ' + prefix, () => {
             const asserter = asserters.getCompletions(
                 'custom-selectors/inside-selector-def.st.css',
-                prefix
+                prefix,
             );
             const rng = createRange(8, 39, 8, 39 + i);
             const exp: Array<Partial<Completion>> = [];
diff --git a/packages/language-service/test/lib/completions/import-directive.spec.ts b/packages/language-service/test/lib/completions/import-directive.spec.ts
index b83c516411..38a176897d 100644
--- a/packages/language-service/test/lib/completions/import-directive.spec.ts
+++ b/packages/language-service/test/lib/completions/import-directive.spec.ts
@@ -14,7 +14,7 @@ describe('Import Directive', () => {
             it('when it exists, with prefix: ' + prefix + ' ', () => {
                 const asserter = asserters.getCompletions(
                     'imports/top-level-import-exists.st.css',
-                    prefix
+                    prefix,
                 );
                 asserter.suggested([
                     asserters.importDirectiveCompletion(createRange(11, 0, 11, i)),
diff --git a/packages/language-service/test/lib/completions/imported-values.spec.ts b/packages/language-service/test/lib/completions/imported-values.spec.ts
index 919fd40f2c..00c468ca12 100644
--- a/packages/language-service/test/lib/completions/imported-values.spec.ts
+++ b/packages/language-service/test/lib/completions/imported-values.spec.ts
@@ -30,7 +30,7 @@ describe('Imported Values', () => {
                     () => {
                         const asserter = asserters.getCompletions(
                             'imports/st-extends.st.css',
-                            prefix
+                            prefix,
                         );
                         const exp: Array<Partial<Completion>> = [];
                         const notExp: Array<Partial<Completion>> = [];
@@ -42,7 +42,7 @@ describe('Imported Values', () => {
                         }
                         asserter.suggested(exp);
                         asserter.notSuggested(notExp);
-                    }
+                    },
                 );
 
                 it(
@@ -52,7 +52,7 @@ describe('Imported Values', () => {
                     () => {
                         const asserter = asserters.getCompletions(
                             'imports/st-extends-with-semicolon.st.css',
-                            prefix
+                            prefix,
                         );
                         const exp: Array<Partial<Completion>> = [];
                         const notExp: Array<Partial<Completion>> = [];
@@ -64,7 +64,7 @@ describe('Imported Values', () => {
                         }
                         asserter.suggested(exp);
                         asserter.notSuggested(notExp);
-                    }
+                    },
                 );
             });
         });
@@ -98,7 +98,7 @@ describe('Imported Values', () => {
                         const rng = createRange(6, 0, 6, i);
                         const asserter = asserters.getCompletions(
                             'imports/st-extends-selectors.st.css',
-                            prefix
+                            prefix,
                         );
                         const exp: Array<Partial<Completion>> = [];
                         const notExp: Array<Partial<Completion>> = [];
@@ -110,7 +110,7 @@ describe('Imported Values', () => {
                         }
                         asserter.suggested(exp);
                         asserter.notSuggested(notExp);
-                    }
+                    },
                 );
 
                 it(
@@ -121,7 +121,7 @@ describe('Imported Values', () => {
                         const rng = createRange(6, 6, 6, 6 + i);
                         const asserter = asserters.getCompletions(
                             'imports/st-extends-complex-selectors.st.css',
-                            prefix
+                            prefix,
                         );
                         const exp: Array<Partial<Completion>> = [];
                         const notExp: Array<Partial<Completion>> = [];
@@ -133,7 +133,7 @@ describe('Imported Values', () => {
                         }
                         asserter.suggested(exp);
                         asserter.notSuggested(notExp);
-                    }
+                    },
                 );
             });
         });
@@ -158,7 +158,7 @@ describe('Imported Values', () => {
                     () => {
                         const asserter = asserters.getCompletions(
                             'imports/from-package/st-extends.st.css',
-                            prefix
+                            prefix,
                         );
                         const exp: Array<Partial<Completion>> = [];
                         const notExp: Array<Partial<Completion>> = [];
@@ -170,7 +170,7 @@ describe('Imported Values', () => {
                         }
                         asserter.suggested(exp);
                         asserter.notSuggested(notExp);
-                    }
+                    },
                 );
             });
         });
diff --git a/packages/language-service/test/lib/completions/keyframes.spec.ts b/packages/language-service/test/lib/completions/keyframes.spec.ts
index 961dcb185b..20bebf5d1d 100644
--- a/packages/language-service/test/lib/completions/keyframes.spec.ts
+++ b/packages/language-service/test/lib/completions/keyframes.spec.ts
@@ -12,7 +12,7 @@ describe('keyframes', () => {
                     @keyframes st-global(abc) {}
                 `),
             },
-            filePath
+            filePath,
         );
 
         expect(diagnostics).to.eql([]);
diff --git a/packages/language-service/test/lib/completions/layer.spec.ts b/packages/language-service/test/lib/completions/layer.spec.ts
index f7efb1032d..cfe8b9851a 100644
--- a/packages/language-service/test/lib/completions/layer.spec.ts
+++ b/packages/language-service/test/lib/completions/layer.spec.ts
@@ -12,7 +12,7 @@ describe('layer', () => {
                     @layer aaa, st-global(bbb), ccc, st-global(ddd);
                 `),
             },
-            filePath
+            filePath,
         );
 
         expect(diagnostics).to.eql([]);
diff --git a/packages/language-service/test/lib/completions/mixins.spec.ts b/packages/language-service/test/lib/completions/mixins.spec.ts
index 787343e661..02db1b0a51 100644
--- a/packages/language-service/test/lib/completions/mixins.spec.ts
+++ b/packages/language-service/test/lib/completions/mixins.spec.ts
@@ -30,7 +30,7 @@ describe('Mixins', () => {
                         const rng = createRange(15, 15, 15, 15 + i);
                         const asserter = asserters.getCompletions(
                             'pseudo-elements/recursive-import-3-mixin.st.css',
-                            prefix
+                            prefix,
                         );
                         const exp: Array<Partial<Completion>> = [];
                         const notExp: Array<Partial<Completion>> = [];
@@ -48,7 +48,7 @@ describe('Mixins', () => {
 
                         asserter.suggested(exp);
                         asserter.notSuggested(notExp);
-                    }
+                    },
                 );
 
                 it(
@@ -58,7 +58,7 @@ describe('Mixins', () => {
                         const rng = createRange(15, 23, 15, 23 + i);
                         const asserter = asserters.getCompletions(
                             'pseudo-elements/recursive-import-3-mixin-single-value.st.css',
-                            prefix
+                            prefix,
                         );
                         const exp: Array<Partial<Completion>> = [];
                         const notExp: Array<Partial<Completion>> = [];
@@ -83,7 +83,7 @@ describe('Mixins', () => {
 
                         asserter.suggested(exp);
                         asserter.notSuggested(notExp);
-                    }
+                    },
                 );
 
                 it(
@@ -93,7 +93,7 @@ describe('Mixins', () => {
                         const rng = createRange(15, 28, 15, 28 + i);
                         const asserter = asserters.getCompletions(
                             'pseudo-elements/recursive-import-3-mixin-multiple-values.st.css',
-                            prefix
+                            prefix,
                         );
                         const exp: Array<Partial<Completion>> = [];
                         const notExp: Array<Partial<Completion>> = [];
@@ -118,7 +118,7 @@ describe('Mixins', () => {
 
                         asserter.suggested(exp);
                         asserter.notSuggested(notExp);
-                    }
+                    },
                 );
             });
         });
@@ -132,7 +132,7 @@ describe('Mixins', () => {
 
                 const asserter = asserters.getCompletions(
                     'mixins/3rd-party-css-mixin.st.css',
-                    prefix
+                    prefix,
                 );
                 exp.push(createComp('part1', rng, 'fake-stylable-package/stylesheet.st.css'));
 
@@ -165,7 +165,7 @@ describe('Mixins', () => {
                             const rng = createRange(12, 15, 12, 15 + i);
                             const asserter = asserters.getCompletions(
                                 'mixins/imported-mixins.st.css',
-                                prefix
+                                prefix,
                             );
                             const exp: Array<Partial<Completion>> = [];
                             const notExp: Array<Partial<Completion>> = [];
@@ -189,7 +189,7 @@ describe('Mixins', () => {
                             notExp.push(createComp(badStr, rng, tsFrom));
                             asserter.suggested(exp);
                             asserter.notSuggested(notExp);
-                        }
+                        },
                     ).timeout(10000);
 
                     it(
@@ -198,7 +198,7 @@ describe('Mixins', () => {
                             const rng = createRange(11, 46, 11, 46 + i);
                             const asserter = asserters.getCompletions(
                                 'mixins/imported-mixins-single-value.st.css',
-                                prefix
+                                prefix,
                             );
                             const exp: Array<Partial<Completion>> = [];
                             const notExp: Array<Partial<Completion>> = [];
@@ -218,7 +218,7 @@ describe('Mixins', () => {
                             notExp.push(createComp(badStr, rng, tsFrom));
                             asserter.suggested(exp);
                             asserter.notSuggested(notExp);
-                        }
+                        },
                     ).timeout(10000);
                 });
             });
@@ -235,7 +235,7 @@ describe('Mixins', () => {
                             const rng = createRange(12, 15, 12, 15 + i);
                             const asserter = asserters.getCompletions(
                                 'mixins/imported-mixins.st.css',
-                                prefix
+                                prefix,
                             );
                             const exp: Array<Partial<Completion>> = [];
                             const notExp: Array<Partial<Completion>> = [];
@@ -250,7 +250,7 @@ describe('Mixins', () => {
 
                             asserter.suggested(exp);
                             asserter.notSuggested(notExp);
-                        }
+                        },
                     ).timeout(10000);
 
                     it(
@@ -259,7 +259,7 @@ describe('Mixins', () => {
                             const rng = createRange(11, 46, 11, 46 + i);
                             const asserter = asserters.getCompletions(
                                 'mixins/imported-mixins-single-value.st.css',
-                                prefix
+                                prefix,
                             );
                             const exp: Array<Partial<Completion>> = [];
                             const notExp: Array<Partial<Completion>> = [];
@@ -273,14 +273,14 @@ describe('Mixins', () => {
 
                             asserter.suggested(exp);
                             asserter.notSuggested(notExp);
-                        }
+                        },
                     ).timeout(10000);
                 });
             });
 
             it('should not complete mixins inside a mixin param list', () => {
                 const asserter = asserters.getCompletions(
-                    'mixins/imported-mixins-in-param-list.st.css'
+                    'mixins/imported-mixins-in-param-list.st.css',
                 );
                 const rng = createRange(0, 0, 0, 0);
                 const notExp: Array<Partial<Completion>> = [];
diff --git a/packages/language-service/test/lib/completions/named-values.spec.ts b/packages/language-service/test/lib/completions/named-values.spec.ts
index 0fc7ea3d75..6b75299b0e 100644
--- a/packages/language-service/test/lib/completions/named-values.spec.ts
+++ b/packages/language-service/test/lib/completions/named-values.spec.ts
@@ -19,7 +19,7 @@ describe('Named Values', () => {
                     str,
                     rng,
                     path,
-                    str === str4 ? 'pink' : str === str3 ? 'brown' : 'Stylable class'
+                    str === str4 ? 'pink' : str === str3 ? 'brown' : 'Stylable class',
                 );
             const prefix = str.slice(0, i);
 
@@ -45,14 +45,14 @@ describe('Named Values', () => {
                     }
                     asserter.suggested(exp);
                     asserter.notSuggested(notExp);
-                }
+                },
             );
 
             it('completes names after single value, with prefix ' + prefix + ' ', () => {
                 const rng = createRange(2, 22, 2, 22 + i);
                 const asserter = asserters.getCompletions(
                     'named/st-named-single-value.st.css',
-                    prefix
+                    prefix,
                 );
                 const exp: Array<Partial<Completion>> = [];
                 const notExp: Array<Partial<Completion>> = [];
@@ -79,7 +79,7 @@ describe('Named Values', () => {
                 const rng = createRange(2, 29, 2, 29 + i);
                 const asserter = asserters.getCompletions(
                     'named/st-named-multi-values.st.css',
-                    prefix
+                    prefix,
                 );
                 const exp: Array<Partial<Completion>> = [];
                 const notExp: Array<Partial<Completion>> = [];
@@ -106,7 +106,7 @@ describe('Named Values', () => {
                 const rng = createRange(3, 4, 3, 4 + i);
                 const asserter = asserters.getCompletions(
                     'named/st-named-multi-line.st.css',
-                    prefix
+                    prefix,
                 );
                 const exp: Array<Partial<Completion>> = [];
                 const notExp: Array<Partial<Completion>> = [];
diff --git a/packages/language-service/test/lib/completions/namespace-directive.spec.ts b/packages/language-service/test/lib/completions/namespace-directive.spec.ts
index 396b9aadc7..87356cbc03 100644
--- a/packages/language-service/test/lib/completions/namespace-directive.spec.ts
+++ b/packages/language-service/test/lib/completions/namespace-directive.spec.ts
@@ -46,7 +46,7 @@ describe('Namespace Directive', () => {
                     @st-namespace "comp";
                 `),
             },
-            filePath
+            filePath,
         );
 
         expect(diagnostics).to.eql([]);
diff --git a/packages/language-service/test/lib/completions/pseudo-elements.spec.ts b/packages/language-service/test/lib/completions/pseudo-elements.spec.ts
index 900c662b41..cd6a3a0876 100644
--- a/packages/language-service/test/lib/completions/pseudo-elements.spec.ts
+++ b/packages/language-service/test/lib/completions/pseudo-elements.spec.ts
@@ -27,7 +27,7 @@ describe('Pseudo-elements', () => {
 
                         const asserter = asserters.getCompletions(
                             'pseudo-elements/default-import-as-tag.st.css',
-                            prefix
+                            prefix,
                         );
                         const exp: Array<Partial<Completion>> = [];
                         const notExp: Array<Partial<Completion>> = [];
@@ -39,7 +39,7 @@ describe('Pseudo-elements', () => {
                         }
                         asserter.suggested(exp);
                         asserter.notSuggested(notExp);
-                    }
+                    },
                 );
 
                 it(
@@ -52,7 +52,7 @@ describe('Pseudo-elements', () => {
                         const rng = createRange(9, 10, 9, 10 + i);
                         const asserter = asserters.getCompletions(
                             'pseudo-elements/default-import-as-tag-css-state.st.css',
-                            prefix
+                            prefix,
                         );
                         const exp: Array<Partial<Completion>> = [];
                         const notExp: Array<Partial<Completion>> = [];
@@ -64,7 +64,7 @@ describe('Pseudo-elements', () => {
                         }
                         asserter.suggested(exp);
                         asserter.notSuggested(notExp);
-                    }
+                    },
                 );
 
                 it(
@@ -77,7 +77,7 @@ describe('Pseudo-elements', () => {
                         const rng = createRange(9, 10, 9, 10 + i);
                         const asserter = asserters.getCompletions(
                             'pseudo-elements/default-import-as-tag-imported-state.st.css',
-                            prefix
+                            prefix,
                         );
                         const exp: Array<Partial<Completion>> = [];
                         const notExp: Array<Partial<Completion>> = [];
@@ -89,7 +89,7 @@ describe('Pseudo-elements', () => {
                         }
                         asserter.suggested(exp);
                         asserter.notSuggested(notExp);
-                    }
+                    },
                 );
 
                 it(
@@ -102,14 +102,14 @@ describe('Pseudo-elements', () => {
                         const rng = createRange(5, 12, 5, 12 + i);
                         const asserter = asserters.getCompletions(
                             'pseudo-elements/default-import-as-tag-pseudo-element-exists.st.css',
-                            prefix
+                            prefix,
                         );
 
                         const notExp: Array<Partial<Completion>> = [];
                         notExp.push(createCompletion(a[0], rng));
                         notExp.push(createCompletion(a[1], rng));
                         asserter.notSuggested(notExp);
-                    }
+                    },
                 );
             });
         });
@@ -136,7 +136,7 @@ describe('Pseudo-elements', () => {
 
                         const asserter = asserters.getCompletions(
                             'pseudo-elements/default-import-extended.st.css',
-                            prefix
+                            prefix,
                         );
                         const exp: Array<Partial<Completion>> = [];
                         const notExp: Array<Partial<Completion>> = [];
@@ -148,7 +148,7 @@ describe('Pseudo-elements', () => {
                         }
                         asserter.suggested(exp);
                         asserter.notSuggested(notExp);
-                    }
+                    },
                 );
 
                 it(
@@ -161,7 +161,7 @@ describe('Pseudo-elements', () => {
                         const rng = createRange(11, 10, 11, 10 + i);
                         const asserter = asserters.getCompletions(
                             'pseudo-elements/default-import-extended-local-state.st.css',
-                            prefix
+                            prefix,
                         );
                         const exp: Array<Partial<Completion>> = [];
                         const notExp: Array<Partial<Completion>> = [];
@@ -173,7 +173,7 @@ describe('Pseudo-elements', () => {
                         }
                         asserter.suggested(exp);
                         asserter.notSuggested(notExp);
-                    }
+                    },
                 );
 
                 it(
@@ -186,7 +186,7 @@ describe('Pseudo-elements', () => {
                         const rng = createRange(10, 12, 10, 12 + i);
                         const asserter = asserters.getCompletions(
                             'pseudo-elements/default-import-extended-css-state.st.css',
-                            prefix
+                            prefix,
                         );
                         const exp: Array<Partial<Completion>> = [];
                         const notExp: Array<Partial<Completion>> = [];
@@ -198,7 +198,7 @@ describe('Pseudo-elements', () => {
                         }
                         asserter.suggested(exp);
                         asserter.notSuggested(notExp);
-                    }
+                    },
                 );
 
                 it(
@@ -211,7 +211,7 @@ describe('Pseudo-elements', () => {
                         const rng = createRange(10, 12, 10, 12 + i);
                         const asserter = asserters.getCompletions(
                             'pseudo-elements/default-import-extended-imported-state.st.css',
-                            prefix
+                            prefix,
                         );
                         const exp: Array<Partial<Completion>> = [];
                         const notExp: Array<Partial<Completion>> = [];
@@ -223,7 +223,7 @@ describe('Pseudo-elements', () => {
                         }
                         asserter.suggested(exp);
                         asserter.notSuggested(notExp);
-                    }
+                    },
                 );
 
                 it(
@@ -236,13 +236,13 @@ describe('Pseudo-elements', () => {
                         const rng = createRange(6, 4, 6, 6 + i);
                         const asserter = asserters.getCompletions(
                             'pseudo-elements/default-import-extended-pseudo-element-exists.st.css',
-                            prefix
+                            prefix,
                         );
                         const notExp: Array<Partial<Completion>> = [];
                         notExp.push(createCompletion(a[0], rng));
                         notExp.push(createCompletion(a[1], rng));
                         asserter.notSuggested(notExp);
-                    }
+                    },
                 );
             });
         });
@@ -269,7 +269,7 @@ describe('Pseudo-elements', () => {
 
                         const asserter = asserters.getCompletions(
                             'pseudo-elements/named-import-extended.st.css',
-                            prefix
+                            prefix,
                         );
                         const exp: Array<Partial<Completion>> = [];
                         const notExp: Array<Partial<Completion>> = [];
@@ -281,7 +281,7 @@ describe('Pseudo-elements', () => {
                         }
                         asserter.suggested(exp);
                         asserter.notSuggested(notExp);
-                    }
+                    },
                 );
 
                 it(
@@ -294,7 +294,7 @@ describe('Pseudo-elements', () => {
                         const rng = createRange(10, 16, 10, 16 + i);
                         const asserter = asserters.getCompletions(
                             'pseudo-elements/named-import-extended-local-state.st.css',
-                            prefix
+                            prefix,
                         );
                         const exp: Array<Partial<Completion>> = [];
                         const notExp: Array<Partial<Completion>> = [];
@@ -306,7 +306,7 @@ describe('Pseudo-elements', () => {
                         }
                         asserter.suggested(exp);
                         asserter.notSuggested(notExp);
-                    }
+                    },
                 );
 
                 it(
@@ -319,7 +319,7 @@ describe('Pseudo-elements', () => {
                         const rng = createRange(10, 13, 10, 13 + i);
                         const asserter = asserters.getCompletions(
                             'pseudo-elements/named-import-extended-css-state.st.css',
-                            prefix
+                            prefix,
                         );
                         const exp: Array<Partial<Completion>> = [];
                         const notExp: Array<Partial<Completion>> = [];
@@ -331,7 +331,7 @@ describe('Pseudo-elements', () => {
                         }
                         asserter.suggested(exp);
                         asserter.notSuggested(notExp);
-                    }
+                    },
                 );
 
                 it(
@@ -344,7 +344,7 @@ describe('Pseudo-elements', () => {
                         const rng = createRange(10, 16, 10, 16 + i);
                         const asserter = asserters.getCompletions(
                             'pseudo-elements/named-import-extended-imported-state.st.css',
-                            prefix
+                            prefix,
                         );
                         const exp: Array<Partial<Completion>> = [];
                         const notExp: Array<Partial<Completion>> = [];
@@ -356,7 +356,7 @@ describe('Pseudo-elements', () => {
                         }
                         asserter.suggested(exp);
                         asserter.notSuggested(notExp);
-                    }
+                    },
                 );
 
                 it(
@@ -369,26 +369,26 @@ describe('Pseudo-elements', () => {
                         const rng = createRange(6, 4, 6, 6 + i);
                         const asserter = asserters.getCompletions(
                             'pseudo-elements/default-import-extended-pseudo-element-exists.st.css',
-                            prefix
+                            prefix,
                         );
                         const notExp: Array<Partial<Completion>> = [];
                         notExp.push(createCompletion(a[0], rng));
                         notExp.push(createCompletion(a[1], rng));
                         asserter.notSuggested(notExp);
-                    }
+                    },
                 );
             });
         });
 
         it('should not complete root pseudo-elements on class extending named import', () => {
             const asserter = asserters.getCompletions(
-                'pseudo-elements/named-import-extended.st.css'
+                'pseudo-elements/named-import-extended.st.css',
             );
             asserter.notSuggested([
                 asserters.pseudoElementCompletion(
                     'bobo',
                     createRange(9, 5, 9, 5),
-                    './import.st.css'
+                    './import.st.css',
                 ),
             ]);
         });
@@ -415,7 +415,7 @@ describe('Pseudo-elements', () => {
 
                         const asserter = asserters.getCompletions(
                             'pseudo-elements/recursive-import-3.st.css',
-                            prefix
+                            prefix,
                         );
                         const exp: Array<Partial<Completion>> = [];
                         const notExp: Array<Partial<Completion>> = [];
@@ -427,7 +427,7 @@ describe('Pseudo-elements', () => {
                         }
                         asserter.suggested(exp);
                         asserter.notSuggested(notExp);
-                    }
+                    },
                 );
 
                 it(
@@ -441,7 +441,7 @@ describe('Pseudo-elements', () => {
 
                         const asserter = asserters.getCompletions(
                             'pseudo-elements/recursive-import-3-leading-space.st.css',
-                            prefix
+                            prefix,
                         );
                         const exp: Array<Partial<Completion>> = [];
                         const notExp: Array<Partial<Completion>> = [];
@@ -453,7 +453,7 @@ describe('Pseudo-elements', () => {
                         }
                         asserter.suggested(exp);
                         asserter.notSuggested(notExp);
-                    }
+                    },
                 );
 
                 it(
@@ -466,7 +466,7 @@ describe('Pseudo-elements', () => {
                         const rng = createRange(10, 16, 10, 16 + i);
                         const asserter = asserters.getCompletions(
                             'pseudo-elements/recursive-import-3-css-state.st.css',
-                            prefix
+                            prefix,
                         );
                         const exp: Array<Partial<Completion>> = [];
                         const notExp: Array<Partial<Completion>> = [];
@@ -478,7 +478,7 @@ describe('Pseudo-elements', () => {
                         }
                         asserter.suggested(exp);
                         asserter.notSuggested(notExp);
-                    }
+                    },
                 );
 
                 it(
@@ -491,7 +491,7 @@ describe('Pseudo-elements', () => {
                         const rng = createRange(10, 17, 10, 17 + i);
                         const asserter = asserters.getCompletions(
                             'pseudo-elements/recursive-import-3-imported-state.st.css',
-                            prefix
+                            prefix,
                         );
                         const exp: Array<Partial<Completion>> = [];
                         const notExp: Array<Partial<Completion>> = [];
@@ -503,7 +503,7 @@ describe('Pseudo-elements', () => {
                         }
                         asserter.suggested(exp);
                         asserter.notSuggested(notExp);
-                    }
+                    },
                 );
 
                 it(
@@ -516,13 +516,13 @@ describe('Pseudo-elements', () => {
                         const rng = createRange(0, 0, 0, 0);
                         const asserter = asserters.getCompletions(
                             'pseudo-elements/recursive-import-3-pseudo-element-exists.st.css',
-                            prefix
+                            prefix,
                         );
                         const notExp: Array<Partial<Completion>> = [];
                         notExp.push(createCompletion(a[0], rng));
                         notExp.push(createCompletion(a[1], rng));
                         asserter.notSuggested(notExp);
-                    }
+                    },
                 );
             });
         });
@@ -547,7 +547,7 @@ describe('Pseudo-elements', () => {
                 () => {
                     const asserter = asserters.getCompletions(
                         'pseudo-elements/recursive-import-3-deep.st.css',
-                        prefix
+                        prefix,
                     );
                     const exp: Array<Partial<Completion>> = [];
                     const notExp: Array<Partial<Completion>> = [];
@@ -555,7 +555,7 @@ describe('Pseudo-elements', () => {
                     nonos.forEach((nono) => notExp.push(createCompletion(nono, rng)));
                     asserter.suggested(exp);
                     asserter.notSuggested(notExp);
-                }
+                },
             );
         });
 
@@ -565,7 +565,7 @@ describe('Pseudo-elements', () => {
             asserters.stateSelectorCompletion(
                 str.slice(1),
                 rng,
-                str === str1 ? './recursive-import-0.st.css' : './recursive-import-0.st.css'
+                str === str1 ? './recursive-import-0.st.css' : './recursive-import-0.st.css',
             );
 
         str1.split('').forEach((_c, i) => {
@@ -577,7 +577,7 @@ describe('Pseudo-elements', () => {
                 () => {
                     const asserter = asserters.getCompletions(
                         'pseudo-elements/recursive-import-3-deep.st.css',
-                        prefix
+                        prefix,
                     );
                     const exp: Array<Partial<Completion>> = [];
                     const notExp: Array<Partial<Completion>> = [];
@@ -585,7 +585,7 @@ describe('Pseudo-elements', () => {
                     nonos1.forEach((nono) => notExp.push(createCompletion(nono, rng)));
                     asserter.suggested(exp);
                     asserter.notSuggested(notExp);
-                }
+                },
             );
         });
     });
@@ -609,12 +609,12 @@ describe('Pseudo-elements', () => {
 
                     const asserter = asserters.getCompletions(
                         'pseudo-elements/default-import-with-native-element.st.css',
-                        prefix
+                        prefix,
                     );
                     const exp: Array<Partial<Completion>> = [];
                     exp.push(createCompletion(str, rng));
                     asserter.suggested(exp);
-                }
+                },
             );
 
             it(
@@ -628,12 +628,12 @@ describe('Pseudo-elements', () => {
 
                     const asserter = asserters.getCompletions(
                         'pseudo-elements/default-import-with-native-class.st.css',
-                        prefix
+                        prefix,
                     );
                     const exp: Array<Partial<Completion>> = [];
                     exp.push(createCompletion(str, rng));
                     asserter.suggested(exp);
-                }
+                },
             );
         });
     });
diff --git a/packages/language-service/test/lib/completions/st-directives.spec.ts b/packages/language-service/test/lib/completions/st-directives.spec.ts
index b9d93480db..9e481f78f9 100644
--- a/packages/language-service/test/lib/completions/st-directives.spec.ts
+++ b/packages/language-service/test/lib/completions/st-directives.spec.ts
@@ -12,7 +12,7 @@ describe('Inner Directives', () => {
             it(' with Prefix: ' + prefix + ' ', () => {
                 const asserter = asserters.getCompletions(
                     'imports/inside-import-selector.st.css',
-                    prefix
+                    prefix,
                 );
                 asserter.suggested([
                     asserters.importFromDirectiveCompletion(createRange(2, 4, 2, 4 + i)),
@@ -27,7 +27,7 @@ describe('Inner Directives', () => {
             it(' with Prefix: ' + prefix + ' ', () => {
                 const asserter = asserters.getCompletions(
                     'imports/inside-import-selector.st.css',
-                    prefix
+                    prefix,
                 );
                 asserter.suggested([
                     asserters.importDefaultDirectiveCompletion(createRange(2, 4, 2, 4 + i)),
@@ -42,7 +42,7 @@ describe('Inner Directives', () => {
             it(' with Prefix: ' + prefix + ' ', () => {
                 const asserter = asserters.getCompletions(
                     'imports/inside-import-selector.st.css',
-                    prefix
+                    prefix,
                 );
                 asserter.suggested([
                     asserters.importNamedDirectiveCompletion(createRange(2, 4, 2, 4 + i)),
@@ -53,7 +53,7 @@ describe('Inner Directives', () => {
 
     it('should not complete -st-from, -st-default, -st-named inside import directives when exists', () => {
         const asserter = asserters.getCompletions(
-            'imports/inside-import-selector-with-fields.st.css'
+            'imports/inside-import-selector-with-fields.st.css',
         );
         asserter.notSuggested([
             asserters.importFromDirectiveCompletion(createRange(0, 0, 0, 0)),
@@ -109,7 +109,7 @@ describe('Inner Directives', () => {
 
     it('should not complete -st-states, -st-extends, -st-mixin inside simple selector ruleset when they exist', () => {
         const asserter = asserters.getCompletions(
-            'general/inside-simple-ruleset-with-all-st-fields.st.css'
+            'general/inside-simple-ruleset-with-all-st-fields.st.css',
         );
         asserter.notSuggested([
             asserters.statesDirectiveCompletion(createRange(0, 0, 0, 0)),
diff --git a/packages/language-service/test/lib/completions/st-scope.spec.ts b/packages/language-service/test/lib/completions/st-scope.spec.ts
index 9ef066b294..3a1b200d6d 100644
--- a/packages/language-service/test/lib/completions/st-scope.spec.ts
+++ b/packages/language-service/test/lib/completions/st-scope.spec.ts
@@ -28,20 +28,20 @@ describe('completion inside @st-scope', () => {
                 it('Local variables should be completed, with prefix ' + prefix + ' ', () => {
                     const asserter = asserters.getCompletions(
                         'st-scope/inside-value-local-vars.st.css',
-                        prefix
+                        prefix,
                     );
                     asserter.suggested([
                         asserters.valueCompletion(
                             str1,
                             createRange(9, 31, 9, 31 + i),
                             'red',
-                            'Local variable'
+                            'Local variable',
                         ),
                         asserters.valueCompletion(
                             str2,
                             createRange(9, 31, 9, 31 + i),
                             'blue',
-                            'Local variable'
+                            'Local variable',
                         ),
                     ]);
                 });
@@ -100,7 +100,7 @@ describe('completion inside @st-scope', () => {
                     const exp: Array<Partial<Completion>> = [];
                     exp.push(asserters.globalCompletion(rng));
                     asserter.notSuggested(exp);
-                }
+                },
             );
         });
     });
diff --git a/packages/language-service/test/lib/completions/states.spec.ts b/packages/language-service/test/lib/completions/states.spec.ts
index 71a135ef8a..778efa2cee 100644
--- a/packages/language-service/test/lib/completions/states.spec.ts
+++ b/packages/language-service/test/lib/completions/states.spec.ts
@@ -14,7 +14,7 @@ describe('States', () => {
                     asserters.stateTypeDefinitionCompletion(str, rng, path);
 
                 const asserter = asserters.getCompletions(
-                    'states/with-param/state-def-with-param-start.st.css'
+                    'states/with-param/state-def-with-param-start.st.css',
                 );
                 const exp: Array<Partial<Completion>> = [];
                 exp.push(createCompletion('string', rng));
@@ -30,7 +30,7 @@ describe('States', () => {
                         asserters.stateTypeDefinitionCompletion(str, rng, path);
 
                     const asserter = asserters.getCompletions(
-                        'states/with-param/string/state-def-with-param-string-start.st.css'
+                        'states/with-param/string/state-def-with-param-string-start.st.css',
                     );
                     const exp: Array<Partial<Completion>> = [];
                     const unExp: Array<Partial<Completion>> = [];
@@ -48,17 +48,17 @@ describe('States', () => {
                             validator: string,
                             rng: ProviderRange,
                             type: string,
-                            path?: string
+                            path?: string,
                         ) =>
                             asserters.stateValidatorDefinitionCompletion(
                                 validator,
                                 rng,
                                 type,
-                                path
+                                path,
                             );
 
                         const asserter = asserters.getCompletions(
-                            'states/with-param/string/local-state-string-validators.st.css'
+                            'states/with-param/string/local-state-string-validators.st.css',
                         );
                         const exp: Array<Partial<Completion>> = [];
                         exp.push(createCompletion('regex', rng, 'string'));
@@ -74,17 +74,17 @@ describe('States', () => {
                             validator: string,
                             rng: ProviderRange,
                             type: string,
-                            path?: string
+                            path?: string,
                         ) =>
                             asserters.stateValidatorDefinitionCompletion(
                                 validator,
                                 rng,
                                 type,
-                                path
+                                path,
                             );
 
                         const asserter = asserters.getCompletions(
-                            'states/with-param/string/state-def-with-param-string-regex-start.st.css'
+                            'states/with-param/string/state-def-with-param-string-regex-start.st.css',
                         );
                         const exp: Array<Partial<Completion>> = [];
                         const unExp: Array<Partial<Completion>> = [];
@@ -102,17 +102,17 @@ describe('States', () => {
                             validator: string,
                             rng: ProviderRange,
                             type: string,
-                            path?: string
+                            path?: string,
                         ) =>
                             asserters.stateValidatorDefinitionCompletion(
                                 validator,
                                 rng,
                                 type,
-                                path
+                                path,
                             );
 
                         const asserter = asserters.getCompletions(
-                            'states/with-param/string/state-def-with-param-string-contains-start.st.css'
+                            'states/with-param/string/state-def-with-param-string-contains-start.st.css',
                         );
                         const exp: Array<Partial<Completion>> = [];
                         const unExp: Array<Partial<Completion>> = [];
@@ -130,17 +130,17 @@ describe('States', () => {
                             validator: string,
                             rng: ProviderRange,
                             type: string,
-                            path?: string
+                            path?: string,
                         ) =>
                             asserters.stateValidatorDefinitionCompletion(
                                 validator,
                                 rng,
                                 type,
-                                path
+                                path,
                             );
 
                         const asserter = asserters.getCompletions(
-                            'states/with-param/string/state-def-with-param-string-m-start.st.css'
+                            'states/with-param/string/state-def-with-param-string-m-start.st.css',
                         );
                         const exp: Array<Partial<Completion>> = [];
                         const unExp: Array<Partial<Completion>> = [];
@@ -160,7 +160,7 @@ describe('States', () => {
                         asserters.stateTypeDefinitionCompletion(str, rng, path);
 
                     const asserter = asserters.getCompletions(
-                        'states/with-param/number/state-def-with-param-number-start.st.css'
+                        'states/with-param/number/state-def-with-param-number-start.st.css',
                     );
                     const exp: Array<Partial<Completion>> = [];
                     const unExp: Array<Partial<Completion>> = [];
@@ -178,17 +178,17 @@ describe('States', () => {
                             validator: string,
                             rng: ProviderRange,
                             type: string,
-                            path?: string
+                            path?: string,
                         ) =>
                             asserters.stateValidatorDefinitionCompletion(
                                 validator,
                                 rng,
                                 type,
-                                path
+                                path,
                             );
 
                         const asserter = asserters.getCompletions(
-                            'states/with-param/number/local-state-number-validators.st.css'
+                            'states/with-param/number/local-state-number-validators.st.css',
                         );
                         const exp: Array<Partial<Completion>> = [];
                         exp.push(createCompletion('min', rng, 'number'));
@@ -203,17 +203,17 @@ describe('States', () => {
                             validator: string,
                             rng: ProviderRange,
                             type: string,
-                            path?: string
+                            path?: string,
                         ) =>
                             asserters.stateValidatorDefinitionCompletion(
                                 validator,
                                 rng,
                                 type,
-                                path
+                                path,
                             );
 
                         const asserter = asserters.getCompletions(
-                            'states/with-param/number/state-def-with-param-number-min-start.st.css'
+                            'states/with-param/number/state-def-with-param-number-min-start.st.css',
                         );
                         const exp: Array<Partial<Completion>> = [];
                         const unExp: Array<Partial<Completion>> = [];
@@ -230,17 +230,17 @@ describe('States', () => {
                             validator: string,
                             rng: ProviderRange,
                             type: string,
-                            path?: string
+                            path?: string,
                         ) =>
                             asserters.stateValidatorDefinitionCompletion(
                                 validator,
                                 rng,
                                 type,
-                                path
+                                path,
                             );
 
                         const asserter = asserters.getCompletions(
-                            'states/with-param/number/state-def-with-param-number-max-start.st.css'
+                            'states/with-param/number/state-def-with-param-number-max-start.st.css',
                         );
                         const exp: Array<Partial<Completion>> = [];
                         const unExp: Array<Partial<Completion>> = [];
@@ -257,17 +257,17 @@ describe('States', () => {
                             validator: string,
                             rng: ProviderRange,
                             type: string,
-                            path?: string
+                            path?: string,
                         ) =>
                             asserters.stateValidatorDefinitionCompletion(
                                 validator,
                                 rng,
                                 type,
-                                path
+                                path,
                             );
 
                         const asserter = asserters.getCompletions(
-                            'states/with-param/number/state-def-with-param-number-multiple-start.st.css'
+                            'states/with-param/number/state-def-with-param-number-multiple-start.st.css',
                         );
                         const exp: Array<Partial<Completion>> = [];
                         const unExp: Array<Partial<Completion>> = [];
@@ -287,7 +287,7 @@ describe('States', () => {
                         asserters.stateTypeDefinitionCompletion(str, rng, path);
 
                     const asserter = asserters.getCompletions(
-                        'states/with-param/enum/state-def-with-param-enum-start.st.css'
+                        'states/with-param/enum/state-def-with-param-enum-start.st.css',
                     );
                     const exp: Array<Partial<Completion>> = [];
                     const unExp: Array<Partial<Completion>> = [];
diff --git a/packages/language-service/test/lib/completions/variables.spec.ts b/packages/language-service/test/lib/completions/variables.spec.ts
index 66b77a16db..f80691dbd3 100644
--- a/packages/language-service/test/lib/completions/variables.spec.ts
+++ b/packages/language-service/test/lib/completions/variables.spec.ts
@@ -10,7 +10,7 @@ describe('Variables', () => {
                 it('should be completed inside rule value, with prefix ' + prefix + ' ', () => {
                     const asserter = asserters.getCompletions(
                         'variables/local-vars.st.css',
-                        prefix
+                        prefix,
                     );
                     asserter.suggested([asserters.valueDirective(createRange(6, 10, 6, 11 + i))]);
                 });
@@ -22,12 +22,12 @@ describe('Variables', () => {
                     () => {
                         const asserter = asserters.getCompletions(
                             'variables/local-vars-several-values.st.css',
-                            prefix
+                            prefix,
                         );
                         asserter.suggested([
                             asserters.valueDirective(createRange(6, 25, 6, 26 + i)),
                         ]);
-                    }
+                    },
                 );
 
                 it(
@@ -37,12 +37,12 @@ describe('Variables', () => {
                     () => {
                         const asserter = asserters.getCompletions(
                             'variables/complex-selector.st.css',
-                            prefix
+                            prefix,
                         );
                         asserter.suggested([
                             asserters.valueDirective(createRange(15, 10, 15, 11 + i)),
                         ]);
-                    }
+                    },
                 );
             });
 
@@ -53,7 +53,7 @@ describe('Variables', () => {
 
             it('should not be completed inside other value()', () => {
                 const asserter = asserters.getCompletions(
-                    'variables/inside-value-local-vars.st.css'
+                    'variables/inside-value-local-vars.st.css',
                 );
                 asserter.notSuggested([asserters.valueDirective(createRange(6, 23, 6, 23))]);
             });
@@ -68,20 +68,20 @@ describe('Variables', () => {
                 it('Local variables should be completed, with prefix ' + prefix + ' ', () => {
                     const asserter = asserters.getCompletions(
                         'variables/inside-value-local-vars.st.css',
-                        prefix
+                        prefix,
                     );
                     asserter.suggested([
                         asserters.valueCompletion(
                             str1,
                             createRange(6, 27, 6, 27 + i),
                             'red',
-                            'Local variable'
+                            'Local variable',
                         ),
                         asserters.valueCompletion(
                             str2,
                             createRange(6, 27, 6, 27 + i),
                             'blue',
-                            'Local variable'
+                            'Local variable',
                         ),
                     ]);
                 });
@@ -89,20 +89,20 @@ describe('Variables', () => {
                 it('Imported variables should be completed, with prefix ' + prefix + ' ', () => {
                     const asserter = asserters.getCompletions(
                         'variables/inside-value-imported-vars.st.css',
-                        prefix
+                        prefix,
                     );
                     asserter.suggested([
                         asserters.valueCompletion(
                             str1,
                             createRange(6, 27, 6, 27 + i),
                             'red',
-                            './import.st.css'
+                            './import.st.css',
                         ),
                         asserters.valueCompletion(
                             str2,
                             createRange(6, 27, 6, 27 + i),
                             'blue',
-                            './import.st.css'
+                            './import.st.css',
                         ),
                     ]);
                 });
@@ -112,20 +112,20 @@ describe('Variables', () => {
                     () => {
                         const asserter = asserters.getCompletions(
                             'variables/inside-value-defined-var.st.css',
-                            prefix
+                            prefix,
                         );
                         asserter.suggested([
                             asserters.valueCompletion(
                                 str1,
                                 createRange(6, 20, 6, 20 + i),
                                 'red',
-                                './import.st.css'
+                                './import.st.css',
                             ),
                             asserters.valueCompletion(
                                 str2,
                                 createRange(6, 20, 6, 20 + i),
                                 'blue',
-                                './import.st.css'
+                                './import.st.css',
                             ),
                         ]);
                         asserter.notSuggested([
@@ -133,10 +133,10 @@ describe('Variables', () => {
                                 'localvar',
                                 createRange(6, 20, 6, 20 + i),
                                 'cyclic value',
-                                'Local variable'
+                                'Local variable',
                             ),
                         ]);
-                    }
+                    },
                 );
             });
         });
@@ -156,17 +156,17 @@ describe('Variables', () => {
                     () => {
                         const asserter = asserters.getCompletions(
                             'imports/from-package/value.st.css',
-                            prefix
+                            prefix,
                         );
                         asserter.suggested([
                             asserters.valueCompletion(
                                 importedValue,
                                 createRange(6, 17, 6, 17 + i),
                                 'goldenrod',
-                                'fake-stylable-package/stylesheet.st.css'
+                                'fake-stylable-package/stylesheet.st.css',
                             ),
                         ]);
-                    }
+                    },
                 );
             });
         });
diff --git a/packages/language-service/test/lib/completions/vars-directive.spec.ts b/packages/language-service/test/lib/completions/vars-directive.spec.ts
index 0551c3ab75..059cc8b87d 100644
--- a/packages/language-service/test/lib/completions/vars-directive.spec.ts
+++ b/packages/language-service/test/lib/completions/vars-directive.spec.ts
@@ -17,7 +17,7 @@ describe('Variables Directive', () => {
             it('when it exists, with prefix: ' + prefix + ' ', () => {
                 const asserter = asserters.getCompletions(
                     'imports/top-level-import-exists.st.css',
-                    prefix
+                    prefix,
                 );
                 asserter.suggested([asserters.varsDirectiveCompletion(createRange(11, 0, 11, i))]);
             });
diff --git a/packages/language-service/test/lib/definitions.spec.ts b/packages/language-service/test/lib/definitions.spec.ts
index 42ed5f95d6..a29def3173 100644
--- a/packages/language-service/test/lib/definitions.spec.ts
+++ b/packages/language-service/test/lib/definitions.spec.ts
@@ -114,7 +114,7 @@ describe('Definitions', () => {
 
             it('should return definition of imported class used as pseudo-element', () => {
                 const defs = asserters.getDefinition(
-                    'definitions/imported-class-pseudo-element.st.css'
+                    'definitions/imported-class-pseudo-element.st.css',
                 );
                 expect(defs.length).to.equal(1);
                 const def = defs[0];
@@ -127,7 +127,7 @@ describe('Definitions', () => {
                 expect(defs.length).to.equal(1);
                 const def = defs[0];
                 expect(def.uri).to.equal(
-                    getCasePath('../node_modules/fake-stylable-package/stylesheet.st.css')
+                    getCasePath('../node_modules/fake-stylable-package/stylesheet.st.css'),
                 );
                 expect(def.range).to.eql(createRange(9, 1, 9, 6));
             });
@@ -147,7 +147,7 @@ describe('Definitions', () => {
                 expect(defs.length).to.equal(1);
                 const def = defs[0];
                 expect(def.uri).to.equal(
-                    getCasePath('../node_modules/fake-stylable-package/stylesheet.st.css')
+                    getCasePath('../node_modules/fake-stylable-package/stylesheet.st.css'),
                 );
                 expect(def.range).to.eql(createRange(1, 4, 1, 10));
             });
@@ -172,12 +172,12 @@ describe('Definitions', () => {
 
             it('should return definition of 3rd party JS mixin in -st-named', () => {
                 const defs = asserters.getDefinition(
-                    'definitions/3rd-party-mixins-named-js.st.css'
+                    'definitions/3rd-party-mixins-named-js.st.css',
                 );
                 expect(defs.length).to.equal(1);
                 const def = defs[0];
                 expect(def.uri).to.equal(
-                    getCasePath('../node_modules/fake-stylable-package/js-mixins.js')
+                    getCasePath('../node_modules/fake-stylable-package/js-mixins.js'),
                 );
                 expect(def.range).to.eql(createRange(8, 8, 8, 14));
             });
@@ -240,7 +240,7 @@ describe('Definitions', () => {
                         const def = defs[0];
                         expect(def.uri).to.equal(getCasePath('definitions/states-import.st.css'));
                         expect(def.range).to.eql(createRange(0, 1, 0, 5));
-                    }
+                    },
                 );
             });
 
@@ -266,7 +266,7 @@ describe('Definitions', () => {
                         const def = defs[0];
                         expect(def.uri).to.equal(getCasePath('definitions/states-import.st.css'));
                         expect(def.range).to.eql(createRange(4, 1, 4, 4));
-                    }
+                    },
                 );
             });
         });
diff --git a/packages/language-service/test/lib/diagnostics.spec.ts b/packages/language-service/test/lib/diagnostics.spec.ts
index abdfa6edb5..1c53eb4efa 100644
--- a/packages/language-service/test/lib/diagnostics.spec.ts
+++ b/packages/language-service/test/lib/diagnostics.spec.ts
@@ -14,7 +14,7 @@ describe('diagnostics', () => {
             {
                 [filePath]: '.root:unknown{}',
             },
-            filePath
+            filePath,
         );
 
         expect(diagnostics).to.deep.include({
@@ -68,7 +68,7 @@ describe('diagnostics', () => {
                         .ninja{}
                         `,
             },
-            filePathB
+            filePathB,
         );
 
         expect(diagnostics).to.deep.include({
@@ -96,7 +96,7 @@ describe('diagnostics', () => {
                     }
                     `,
                 },
-                filePath
+                filePath,
             );
 
             expect(diagnostics).to.eql([
@@ -124,7 +124,7 @@ describe('diagnostics', () => {
                     }
                     `,
                 },
-                filePath
+                filePath,
             );
 
             expect(diagnostics).to.eql([]);
@@ -143,7 +143,7 @@ describe('diagnostics', () => {
                     .root:someState(T1.1) {}    /* css-rparentexpected    */
                     `,
                 },
-                filePath
+                filePath,
             );
 
             expect(diagnostics).to.eql([]);
@@ -164,7 +164,7 @@ describe('diagnostics', () => {
                     }
                     `,
                 },
-                filePath
+                filePath,
             );
 
             expect(diagnostics).to.eql([]);
@@ -193,7 +193,7 @@ describe('diagnostics', () => {
                     }
                     `),
                 },
-                filePath
+                filePath,
             );
 
             expect(diagnostics).to.eql([]);
diff --git a/packages/language-service/test/lib/formatting.spec.ts b/packages/language-service/test/lib/formatting.spec.ts
index f6bc6a16a1..be63110d85 100644
--- a/packages/language-service/test/lib/formatting.spec.ts
+++ b/packages/language-service/test/lib/formatting.spec.ts
@@ -111,7 +111,7 @@ describe('Formatting', () => {
             const res = getFormattingEdits(
                 '.root { color: red      ;}',
                 undefined,
-                experimentalOptions
+                experimentalOptions,
             );
 
             expect(res).to.eql([
@@ -130,7 +130,7 @@ describe('Formatting', () => {
             const res = getFormattingEdits(
                 '.a{prop:\ngreen,\nblue}',
                 undefined,
-                experimentalOptions
+                experimentalOptions,
             );
 
             expect(res).to.eql([
@@ -151,7 +151,7 @@ describe('Formatting', () => {
             const res = getFormattingEdits(
                 '.a { color: red      ;}\n.b { color: green      ;}',
                 { start: 25, end: 50 },
-                experimentalOptions
+                experimentalOptions,
             );
 
             expect(res).to.eql([
@@ -170,7 +170,7 @@ describe('Formatting', () => {
             const res = getFormattingEdits(
                 '.a{color:red}.b{color:green}',
                 { start: 13, end: 28 },
-                experimentalOptions
+                experimentalOptions,
             );
 
             expect(res).to.eql([
diff --git a/packages/language-service/test/lib/postcss-ast-utils.spec.ts b/packages/language-service/test/lib/postcss-ast-utils.spec.ts
index 408cf53302..22ece4902c 100644
--- a/packages/language-service/test/lib/postcss-ast-utils.spec.ts
+++ b/packages/language-service/test/lib/postcss-ast-utils.spec.ts
@@ -50,7 +50,7 @@ describe('getAtRuleByPosition', () => {
         const root = postcss.parse(css);
 
         expect(getAtRuleByPosition(root, pos, stImportName)!.toString()).to.equal(
-            `@st-import  from './stylesheet2.st.css'`
+            `@st-import  from './stylesheet2.st.css'`,
         );
     });
 
diff --git a/packages/language-service/test/lib/references.spec.ts b/packages/language-service/test/lib/references.spec.ts
index fa4a27569b..76e2b7a0de 100644
--- a/packages/language-service/test/lib/references.spec.ts
+++ b/packages/language-service/test/lib/references.spec.ts
@@ -25,7 +25,7 @@ describe('References', () => {
             expect(refs[5].range).to.deep.equal(createRange(16, 4, 16, 8));
             refs.forEach((ref) => {
                 expect(ref.uri).to.equal(
-                    getCasePath('references/local-class-from-selector.st.css')
+                    getCasePath('references/local-class-from-selector.st.css'),
                 );
             });
         });
@@ -43,7 +43,7 @@ describe('References', () => {
             expect(refs[5].range).to.deep.equal(createRange(16, 4, 16, 8));
             refs.forEach((ref) => {
                 expect(ref.uri).to.equal(
-                    getCasePath('references/local-class-from-selector.st.css')
+                    getCasePath('references/local-class-from-selector.st.css'),
                 );
             });
         });
@@ -61,7 +61,7 @@ describe('References', () => {
             expect(refs[5].range).to.deep.equal(createRange(16, 4, 16, 8));
             refs.forEach((ref) => {
                 expect(ref.uri).to.equal(
-                    getCasePath('references/local-class-from-selector.st.css')
+                    getCasePath('references/local-class-from-selector.st.css'),
                 );
             });
         });
@@ -237,7 +237,7 @@ describe('References', () => {
                         expect(refs).to.deep.include(exp2);
                         expect(refs).to.deep.include(exp3);
                         expect(refs).to.deep.include(exp4);
-                    }
+                    },
                 );
             });
 
@@ -264,7 +264,7 @@ describe('References', () => {
                         expect(refs).to.deep.include(exp2);
                         expect(refs).to.deep.include(exp3);
                         expect(refs).to.deep.include(exp4);
-                    }
+                    },
                 );
             });
 
@@ -291,7 +291,7 @@ describe('References', () => {
                         expect(refs).to.deep.include(exp2);
                         expect(refs).to.deep.include(exp3);
                         expect(refs).to.deep.include(exp4);
-                    }
+                    },
                 );
             });
         });
diff --git a/packages/language-service/test/lib/selector-parser.spec.ts b/packages/language-service/test/lib/selector-parser.spec.ts
index 04b0dd559b..9618a961bb 100644
--- a/packages/language-service/test/lib/selector-parser.spec.ts
+++ b/packages/language-service/test/lib/selector-parser.spec.ts
@@ -18,7 +18,7 @@ describe('Selector Parser', () => {
             expect((parsed[0] as SelectorInternalChunk).type).to.equal('div');
             expect((parsed[0] as SelectorInternalChunk).classes).to.eql(i === 0 ? [] : ['simple']);
             expect((parsed[0] as SelectorInternalChunk).states).to.eql(
-                i <= 1 ? [] : i === 2 ? ['withState'] : ['withState', 'andAnother']
+                i <= 1 ? [] : i === 2 ? ['withState'] : ['withState', 'andAnother'],
             );
         });
     });
@@ -36,10 +36,10 @@ describe('Selector Parser', () => {
             expect((parsed[0] as SelectorInternalChunk).customSelectors).to.eql([]);
             expect((parsed[0] as SelectorInternalChunk).type).to.equal('*');
             expect((parsed[0] as SelectorInternalChunk).classes).to.eql(
-                i <= 1 ? ['not-so'] : ['not-so', 'simple']
+                i <= 1 ? ['not-so'] : ['not-so', 'simple'],
             );
             expect((parsed[0] as SelectorInternalChunk).states).to.eql(
-                i <= 2 ? [] : i === 3 ? ['withState'] : ['withState', 'andAnother']
+                i <= 2 ? [] : i === 3 ? ['withState'] : ['withState', 'andAnother'],
             );
         });
     });
@@ -66,7 +66,7 @@ describe('Selector Parser', () => {
                     expect((parsed[1] as SelectorInternalChunk).type).to.equal('second');
                     expect((parsed[1] as SelectorInternalChunk).classes).to.eql([]);
                     expect((parsed[1] as SelectorInternalChunk).states).to.eql(
-                        i === 2 ? [] : ['someState']
+                        i === 2 ? [] : ['someState'],
                     );
                 }
                 if (i === 4) {
@@ -75,7 +75,7 @@ describe('Selector Parser', () => {
                     expect((parsed[2] as SelectorInternalChunk).classes).to.eql([]);
                     expect((parsed[2] as SelectorInternalChunk).states).to.eql([]);
                 }
-            }
+            },
         );
     });
 
@@ -97,7 +97,7 @@ describe('Selector Parser', () => {
                 expect((parsed[0] as SelectorInternalChunk).type).to.equal('*');
                 expect((parsed[0] as SelectorInternalChunk).classes).to.eql([]);
                 expect((parsed[0] as SelectorInternalChunk).states).to.eql(
-                    i === 1 ? [] : ['hover']
+                    i === 1 ? [] : ['hover'],
                 );
 
                 if (i >= 3) {
@@ -112,7 +112,7 @@ describe('Selector Parser', () => {
                     expect((parsed[2] as SelectorInternalChunk).classes).to.eql([]);
                     expect((parsed[2] as SelectorInternalChunk).states).to.eql([]);
                 }
-            }
+            },
         );
     });
 
@@ -138,7 +138,7 @@ describe('Selector Parser', () => {
         it('returns index of correct selector chunk', () => {
             const { selector, target } = parseSelector(
                 '.first::second:someState::third',
-                '.first::second:someState'.length
+                '.first::second:someState'.length,
             );
             expect(target.index).to.equal(1);
             expect((target.focusChunk as any[]).length).to.equal(2);
@@ -148,7 +148,7 @@ describe('Selector Parser', () => {
         it('returns internal location in selector chunk', () => {
             const { target } = parseSelector(
                 '.first::second:someState::third',
-                '.first::second:someState'.length
+                '.first::second:someState'.length,
             );
             expect(target.internalIndex).to.equal(1);
         });
@@ -156,7 +156,7 @@ describe('Selector Parser', () => {
         it('returns internal location in selector chunk II', () => {
             const { target } = parseSelector(
                 '.first::second:someState::third:otherState',
-                '.first::second:someState'.length
+                '.first::second:someState'.length,
             );
             expect(target.internalIndex).to.equal(1);
         });
diff --git a/packages/language-service/test/lib/signatures.spec.ts b/packages/language-service/test/lib/signatures.spec.ts
index 25e8eeec87..075cdd1b61 100644
--- a/packages/language-service/test/lib/signatures.spec.ts
+++ b/packages/language-service/test/lib/signatures.spec.ts
@@ -25,14 +25,14 @@ describe('Signature Help', () => {
                                 ParameterInformation.create('numParam: string'),
                                 ParameterInformation.create('strParam: string'),
                                 ParameterInformation.create('aliasedParam: string'),
-                                ParameterInformation.create("enumParam: 'a' | 'b'")
+                                ParameterInformation.create("enumParam: 'a' | 'b'"),
                             ),
                         ],
                     };
 
                     expect(sig).to.not.equal(null);
                     expect(sig).to.deep.equal(exp);
-                }
+                },
             ).timeout(5000);
         });
     });
@@ -73,14 +73,14 @@ describe('Signature Help', () => {
                             SignatureInformation.create(
                                 'mixin(pct: string): object',
                                 undefined,
-                                ParameterInformation.create('pct: string')
+                                ParameterInformation.create('pct: string'),
                             ),
                         ],
                     };
 
                     expect(sig).to.not.equal(null);
                     expect(sig).to.deep.equal(exp);
-                }
+                },
             ).timeout(5000);
         });
     });
@@ -106,14 +106,14 @@ describe('Signature Help', () => {
                                 'A mixin with some params',
                                 ParameterInformation.create('strParam: string', 'A string param'),
                                 ParameterInformation.create('numParam: string', 'A num param'),
-                                ParameterInformation.create("enumParam: 'a'|'b'", 'An enum param')
+                                ParameterInformation.create("enumParam: 'a'|'b'", 'An enum param'),
                             ),
                         ],
                     };
 
                     expect(sig).to.not.equal(null);
                     expect(sig).to.deep.equal(exp);
-                }
+                },
             ).timeout(5000);
         });
     });
@@ -159,14 +159,14 @@ describe('Signature Help', () => {
                                 ParameterInformation.create('numParam: stNumber<0,200>'),
                                 ParameterInformation.create('strParam: styl.stString'),
                                 ParameterInformation.create('aliasedParam: lalaString'),
-                                ParameterInformation.create("enumParam: 'a'|'b'")
+                                ParameterInformation.create("enumParam: 'a'|'b'"),
                             ),
                         ],
                     };
 
                     expect(sig).to.not.equal(null);
                     expect(sig).to.deep.equal(exp);
-                }
+                },
             ).timeout(5000);
         });
     });
@@ -238,16 +238,16 @@ describe('Signature Help', () => {
                                         SignatureInformation.create(
                                             'Supported state types:\n- "string | number | enum"',
                                             undefined,
-                                            ParameterInformation.create('string | number | enum')
+                                            ParameterInformation.create('string | number | enum'),
                                         ),
                                     ],
                                 };
 
                                 expect(sig).to.not.equal(null);
                                 expect(sig).to.deep.equal(exp);
-                            }
+                            },
                         );
-                    })
+                    }),
                 );
 
                 it('Provides signature help and identifies state definition (caret at end of state definition)', () => {
@@ -262,7 +262,7 @@ describe('Signature Help', () => {
                             SignatureInformation.create(
                                 'Supported state types:\n- "string | number | enum"',
                                 undefined,
-                                ParameterInformation.create('string | number | enum')
+                                ParameterInformation.create('string | number | enum'),
                             ),
                         ],
                     };
@@ -295,17 +295,17 @@ describe('Signature Help', () => {
                                             'Supported "string" validator types:\n- "regex, contains, minLength, maxLength"',
                                             undefined,
                                             ParameterInformation.create(
-                                                'regex, contains, minLength, maxLength'
-                                            )
+                                                'regex, contains, minLength, maxLength',
+                                            ),
                                         ),
                                     ],
                                 };
 
                                 expect(sig).to.not.equal(null);
                                 expect(sig).to.deep.equal(exp);
-                            }
+                            },
                         );
-                    })
+                    }),
                 );
 
                 it('Provides signature help and identifies state definition (including validator)', () => {
@@ -320,7 +320,7 @@ describe('Signature Help', () => {
                             SignatureInformation.create(
                                 'Supported state types:\n- "string | number | enum"',
                                 undefined,
-                                ParameterInformation.create('string | number | enum')
+                                ParameterInformation.create('string | number | enum'),
                             ),
                         ],
                     };
@@ -351,14 +351,14 @@ describe('Signature Help', () => {
                                 SignatureInformation.create(
                                     'hello(string)',
                                     undefined,
-                                    ParameterInformation.create('string')
+                                    ParameterInformation.create('string'),
                                 ),
                             ],
                         };
 
                         expect(sig).to.not.equal(null);
                         expect(sig).to.deep.equal(exp);
-                    }
+                    },
                 );
             });
 
@@ -379,14 +379,14 @@ describe('Signature Help', () => {
                                 SignatureInformation.create(
                                     'shmover(number)',
                                     undefined,
-                                    ParameterInformation.create('number')
+                                    ParameterInformation.create('number'),
                                 ),
                             ],
                         };
 
                         expect(sig).to.not.equal(null);
                         expect(sig).to.deep.equal(exp);
-                    }
+                    },
                 );
             });
 
@@ -408,14 +408,14 @@ describe('Signature Help', () => {
                                 SignatureInformation.create(
                                     'shmover(number(min(3), max(42)))',
                                     undefined,
-                                    ParameterInformation.create('number(min(3), max(42))')
+                                    ParameterInformation.create('number(min(3), max(42))'),
                                 ),
                             ],
                         };
 
                         expect(sig).to.not.equal(null);
                         expect(sig).to.deep.equal(exp);
-                    }
+                    },
                 );
             });
 
@@ -438,15 +438,15 @@ describe('Signature Help', () => {
                                     'templateWithParam(string(minLength(2), maxLength(6)))',
                                     undefined,
                                     ParameterInformation.create(
-                                        'string(minLength(2), maxLength(6))'
-                                    )
+                                        'string(minLength(2), maxLength(6))',
+                                    ),
                                 ),
                             ],
                         };
 
                         expect(sig).to.not.equal(null);
                         expect(sig).to.deep.equal(exp);
-                    }
+                    },
                 );
             });
         });
@@ -474,14 +474,14 @@ describe('Signature Help', () => {
                                 'A mixin with some params',
                                 ParameterInformation.create('strParam: string', 'A string param'),
                                 ParameterInformation.create('numParam: string', 'A num param'),
-                                ParameterInformation.create("enumParam: 'a'|'b'", 'An enum param')
+                                ParameterInformation.create("enumParam: 'a'|'b'", 'An enum param'),
                             ),
                         ],
                     };
 
                     expect(sig).to.not.equal(null);
                     expect(sig).to.deep.equal(exp);
-                }
+                },
             ).timeout(5000);
         });
     });
diff --git a/packages/language-service/test/test-kit/asserters.ts b/packages/language-service/test/test-kit/asserters.ts
index b8a1e12721..30c9ba2c5c 100644
--- a/packages/language-service/test/test-kit/asserters.ts
+++ b/packages/language-service/test/test-kit/asserters.ts
@@ -46,7 +46,7 @@ export function getPath(fileName: string): postcss.Node[] {
     const proc = createMeta(src, fullPath);
     return pathFromPosition(
         proc.meta!.sourceAst,
-        new ProviderPosition(pos.line + 1, pos.character)
+        new ProviderPosition(pos.line + 1, pos.character),
     );
 }
 
@@ -94,19 +94,19 @@ export function getFormattingEdits(
     options: Parameters<typeof format>[2] = {
         insertSpaces: true,
         tabSize: 4,
-    }
+    },
 ): TextEdit[] {
     return format(
         TextDocument.create('test.st.css', 'stylable', 1, content),
         offsetRange || { start: 0, end: content.length },
-        options
+        options,
     );
 }
 
 export function getDocColorPresentation(
     fileName: string,
     color: Color,
-    range: Range
+    range: Range,
 ): ColorPresentation[] {
     const fullPath = path.join(CASES_PATH, fileName);
     const src: string = fs.readFileSync(fullPath).toString();
diff --git a/packages/language-service/test/test-kit/completions-asserters.ts b/packages/language-service/test/test-kit/completions-asserters.ts
index 2854c15ce1..7d6420efe0 100644
--- a/packages/language-service/test/test-kit/completions-asserters.ts
+++ b/packages/language-service/test/test-kit/completions-asserters.ts
@@ -9,13 +9,13 @@ import { LangServiceContext } from '@stylable/language-service/dist/lib-new/lang
 function assertPresent(
     actualCompletions: Completion[],
     expectedCompletions: Array<Partial<Completion>>,
-    prefix = ''
+    prefix = '',
 ) {
     expectedCompletions.forEach((expected) => {
         const actual = actualCompletions.find((comp) => comp.label === expected.label);
         expect(
             actual,
-            'Completion not found: ' + expected.label + ' ' + 'with prefix ' + prefix + ' '
+            'Completion not found: ' + expected.label + ' ' + 'with prefix ' + prefix + ' ',
         ).to.not.be.equal(undefined);
         if (actual) {
             for (const field in expected) {
@@ -35,7 +35,7 @@ function assertPresent(
                         field +
                         ' with prefix ' +
                         prefix +
-                        ' '
+                        ' ',
                 ).to.eql(expectedVal);
             }
         }
@@ -45,7 +45,7 @@ function assertPresent(
 function assertNotPresent(
     actualCompletions: Completion[],
     nonCompletions: Array<Partial<Completion>>,
-    prefix = ''
+    prefix = '',
 ) {
     nonCompletions.forEach((notAllowed) => {
         const actual = actualCompletions.find(
@@ -55,11 +55,11 @@ function assertNotPresent(
                 comp.range.start.line === notAllowed.range.start.line &&
                 comp.range.start.character === notAllowed.range.start.character &&
                 comp.range.end.line === notAllowed.range.end.line &&
-                comp.range.end.character === notAllowed.range.end.character
+                comp.range.end.character === notAllowed.range.end.character,
         );
         expect(
             actual,
-            prefix + 'unallowed completion found: ' + notAllowed.label + ' '
+            prefix + 'unallowed completion found: ' + notAllowed.label + ' ',
         ).to.be.equal(undefined);
     });
 }
@@ -77,7 +77,7 @@ export function getCompletions(fileName: string, prefix = '') {
             stat,
             content: src.replace('|', prefix),
         },
-        offset
+        offset,
     );
 
     const completions = stylableLSP.provideCompletionItemsFromSrc(context);
@@ -106,7 +106,7 @@ export function getStylableAndCssCompletions(fileName: string) {
             stat,
             content: src.replace('|', ''),
         },
-        offset
+        offset,
     );
     return stylableLSP.getCompletions(context);
 }
@@ -114,7 +114,7 @@ export function getStylableAndCssCompletions(fileName: string) {
 // syntactic
 // at-rules
 export const customSelectorDirectiveCompletion: (rng: ProviderRange) => Partial<Completion> = (
-    rng
+    rng,
 ) => {
     return {
         label: '@custom-selector',
@@ -152,7 +152,7 @@ export const stImportDirectiveCompletion: (rng: ProviderRange) => Partial<Comple
     };
 };
 export const stGlobalCustomPropertyCompletion: (rng: ProviderRange) => Partial<Completion> = (
-    rng
+    rng,
 ) => {
     return {
         label: '@st-global-custom-property',
@@ -197,7 +197,7 @@ export const rootClassCompletion: (rng: ProviderRange) => Partial<Completion> =
 
 // declarations
 export const importDefaultDirectiveCompletion: (rng: ProviderRange) => Partial<Completion> = (
-    rng
+    rng,
 ) => {
     return {
         label: '-st-default:',
@@ -217,7 +217,7 @@ export const importFromDirectiveCompletion: (rng: ProviderRange) => Partial<Comp
     };
 };
 export const importNamedDirectiveCompletion: (rng: ProviderRange) => Partial<Completion> = (
-    rng
+    rng,
 ) => {
     return {
         label: '-st-named:',
@@ -269,14 +269,14 @@ export const valueDirective: (rng: ProviderRange) => Partial<Completion> = (rng)
 export const classCompletion: (
     className: string,
     rng: ProviderRange,
-    isDefaultImport?: boolean
+    isDefaultImport?: boolean,
 ) => Partial<Completion> = (className, rng, isDefaultImport?) => {
     return { label: (isDefaultImport ? '' : '.') + className, sortText: 'a', range: rng };
 };
 export const extendsCompletion: (
     typeName: string,
     rng: ProviderRange,
-    from: string
+    from: string,
 ) => Partial<Completion> = (typeName, rng, from) => {
     return {
         label: typeName,
@@ -290,7 +290,7 @@ export const namedCompletion: (
     typeName: string,
     rng: ProviderRange,
     from: string,
-    value?: string
+    value?: string,
 ) => Partial<Completion> = (typeName, rng, from, value?) => {
     return {
         label: typeName,
@@ -303,21 +303,21 @@ export const namedCompletion: (
 export const cssMixinCompletion: (
     symbolName: string,
     rng: ProviderRange,
-    from: string
+    from: string,
 ) => Partial<Completion> = (symbolName, rng, from) => {
     return new Completion(symbolName, 'from: ' + from, 'a', symbolName, rng);
 };
 export const codeMixinCompletion: (
     symbolName: string,
     rng: ProviderRange,
-    from: string
+    from: string,
 ) => Partial<Completion> = (symbolName, rng, from) => {
     return new Completion(symbolName, 'from: ' + from, 'a', symbolName + '($1)', rng, false, true);
 };
 export const formatterCompletion: (
     symbolName: string,
     rng: ProviderRange,
-    from: string
+    from: string,
 ) => Partial<Completion> = (symbolName, rng, from) => {
     return new Completion(
         symbolName,
@@ -326,13 +326,13 @@ export const formatterCompletion: (
         new Snippet(symbolName + '($1)'),
         rng,
         false,
-        true
+        true,
     );
 };
 export const stateTypeDefinitionCompletion: (
     type: string,
     rng: ProviderRange,
-    from?: string
+    from?: string,
 ) => Partial<Completion> = (type, rng, from = 'Stylable pseudo-class types') => {
     return {
         label: `${type}()`,
@@ -346,12 +346,12 @@ export const stateValidatorDefinitionCompletion: (
     validator: string,
     rng: ProviderRange,
     type: string,
-    from?: string
+    from?: string,
 ) => Partial<Completion> = (
     validator,
     rng,
     type,
-    from = `Stylable pseudo-class ${type} validators`
+    from = `Stylable pseudo-class ${type} validators`,
 ) => {
     return {
         label: `${validator}()`,
@@ -365,7 +365,7 @@ export const stateSelectorCompletion: (
     stateName: string,
     rng: ProviderRange,
     from?: string,
-    hasParam?: boolean
+    hasParam?: boolean,
 ) => Partial<Completion> = (stateName, rng, from = 'Local file', hasParam = false) => {
     return {
         label: ':' + stateName + (hasParam ? '()' : ''),
@@ -379,7 +379,7 @@ export const stateSelectorCompletion: (
 export const stateEnumCompletion: (
     option: string,
     rng: ProviderRange,
-    from?: string
+    from?: string,
 ) => Partial<Completion> = (option, rng, from = 'Local file') => {
     return {
         label: option,
@@ -392,7 +392,7 @@ export const stateEnumCompletion: (
 export const pseudoElementCompletion: (
     elementName: string,
     rng: ProviderRange,
-    from?: string
+    from?: string,
 ) => Partial<Completion> = (elementName, rng, from?) => {
     return {
         label: '::' + elementName,
@@ -406,7 +406,7 @@ export const valueCompletion: (
     name: string,
     rng: ProviderRange,
     value: string,
-    from: string
+    from: string,
 ) => Partial<Completion> = (name, rng, value, from) => {
     return {
         label: name,
diff --git a/packages/language-service/test/test-kit/stylable-fixtures-lsp.ts b/packages/language-service/test/test-kit/stylable-fixtures-lsp.ts
index 9501c7a614..a9c2ce663b 100644
--- a/packages/language-service/test/test-kit/stylable-fixtures-lsp.ts
+++ b/packages/language-service/test/test-kit/stylable-fixtures-lsp.ts
@@ -7,8 +7,8 @@ import { StylableLanguageService } from '@stylable/language-service';
 export const CASES_PATH = fs.realpathSync.native(
     path.join(
         path.dirname(require.resolve('@stylable/language-service/package.json')),
-        'test/fixtures/server-cases'
-    )
+        'test/fixtures/server-cases',
+    ),
 );
 
 function requireModule(request: string) {
diff --git a/packages/language-service/test/test-kit/test-lang-service.ts b/packages/language-service/test/test-kit/test-lang-service.ts
index 766c69bae2..e5d394a26f 100644
--- a/packages/language-service/test/test-kit/test-lang-service.ts
+++ b/packages/language-service/test/test-kit/test-lang-service.ts
@@ -25,7 +25,7 @@ export type TestStylableConfig = Omit<
 
 export function testLangService(
     input: string | IDirectoryContents,
-    options: Partial<TestOptions> = {}
+    options: Partial<TestOptions> = {},
 ) {
     // infra
     const fs = setupFileSystem(input, options);
@@ -77,7 +77,7 @@ export function testLangService(
         },
         completion<T>(
             data: T[],
-            template: (value: T) => Partial<CompletionItem>
+            template: (value: T) => Partial<CompletionItem>,
         ): Partial<CompletionItem>[] {
             return data.map(template);
         },
@@ -86,7 +86,7 @@ export function testLangService(
                 URI.file(filePath).toString(),
                 'stylable',
                 1,
-                fs.readFileSync(filePath, { encoding: 'utf-8' })
+                fs.readFileSync(filePath, { encoding: 'utf-8' }),
             );
             return {
                 replaceText: createReplaceText(document),
@@ -99,7 +99,7 @@ function createReplaceText(document: TextDocument) {
     return function replaceText(
         offset: number,
         text: string,
-        replaceOffsets?: Parameters<typeof range>[1]
+        replaceOffsets?: Parameters<typeof range>[1],
     ) {
         const position = document.positionAt(offset);
         return TextEdit.replace(range(position, replaceOffsets), text);
@@ -137,12 +137,12 @@ type AssertArgs =
               textEdit: {
                   replaceText: ReturnType<typeof createReplaceText>;
               };
-          }) => AssertCompletionsConfig
+          }) => AssertCompletionsConfig,
       ];
 
 export function assertCompletions(
     api: Pick<TestKitApi, 'carets' | 'textEditContext'>,
-    [configOrPath, generateConfig]: AssertArgs
+    [configOrPath, generateConfig]: AssertArgs,
 ) {
     const {
         actualList,
@@ -162,11 +162,11 @@ export function assertCompletions(
         const actual = actualList.find(({ label }) => label === expected.label);
         if (!actual) {
             throw new Error(
-                `${messagePrefix}expected to find completion with label "${expected.label}"`
+                `${messagePrefix}expected to find completion with label "${expected.label}"`,
             );
         }
         for (const [expectedField, expectedValue] of Object.entries(expected) as [
-            [keyof CompletionItem, any]
+            [keyof CompletionItem, any],
         ]) {
             const expectLabel = `${messagePrefix}expected "${expected.label}" completions to have ${expectedField}`;
             expect(actual[expectedField], expectLabel).to.eql(expectedValue);
@@ -176,7 +176,7 @@ export function assertCompletions(
         const actual = actualList.find(({ label }) => label === expected.label);
         if (actual) {
             throw new Error(
-                `${messagePrefix}expected NOT to find completion with label "${expected.label}"`
+                `${messagePrefix}expected NOT to find completion with label "${expected.label}"`,
             );
         }
     }
@@ -201,7 +201,7 @@ export function createJavascriptRequireModule(fs: IFileSystem) {
                 'module',
                 'exports',
                 'require',
-                fs.readFileSync(id, { encoding: 'utf8', flag: 'r' })
+                fs.readFileSync(id, { encoding: 'utf8', flag: 'r' }),
             );
             fn(_module, _module.exports, requireModule);
         } catch {
diff --git a/packages/module-utils/src/dts-rough-tokenizer.ts b/packages/module-utils/src/dts-rough-tokenizer.ts
index 2ff1961485..a05fc5f194 100644
--- a/packages/module-utils/src/dts-rough-tokenizer.ts
+++ b/packages/module-utils/src/dts-rough-tokenizer.ts
@@ -52,7 +52,7 @@ export function tokenizeDTS(source: string) {
             getCommentStartType: getJSCommentStartType,
             isCommentEnd,
             getUnclosedComment,
-        })
+        }),
     );
 }
 
diff --git a/packages/module-utils/src/generate-dts-sourcemaps.ts b/packages/module-utils/src/generate-dts-sourcemaps.ts
index 5ea13425d7..fe0b8c210b 100644
--- a/packages/module-utils/src/generate-dts-sourcemaps.ts
+++ b/packages/module-utils/src/generate-dts-sourcemaps.ts
@@ -85,7 +85,7 @@ function getStVarsSrcPosition(varName: string, meta: StylableMeta): Position | u
                                         rawDeclaration,
                                         node.name,
                                         node.after,
-                                        rootPosition
+                                        rootPosition,
                                     ),
                                     generatedOffsetLevel: level,
                                 };
@@ -107,7 +107,7 @@ function getStVarsSrcPosition(varName: string, meta: StylableMeta): Position | u
 
 function getKeyframeSrcPosition(keyframeName: string, meta: StylableMeta): Position | undefined {
     const keyframe = CSSKeyframes.getKeyframesStatements(meta).find(
-        (keyframe) => keyframe.params === keyframeName
+        (keyframe) => keyframe.params === keyframeName,
     );
 
     if (keyframe && keyframe.source && keyframe.source.start) {
@@ -153,7 +153,7 @@ type LinePartMapping = [number, number, number, number];
 function createLinePartMapping(
     dtsOffset: number,
     srcLine: number,
-    srcCol: number
+    srcCol: number,
 ): LinePartMapping {
     return [dtsOffset, 0, srcLine, srcCol];
 }
@@ -188,7 +188,7 @@ function createStateLineMapping(
     stateTokens: ClassStateToken[],
     entryClassName: string,
     lastSrcPosition: Position,
-    meta: StylableMeta
+    meta: StylableMeta,
 ) {
     const res: { mapping: LinePartMapping[]; lastSrcPosition: Position } = {
         mapping: [],
@@ -216,8 +216,8 @@ function createStateLineMapping(
                 createLinePartMapping(
                     stateToken.stateName.column - prevDtsColumn,
                     stateSourcePosition.line - res.lastSrcPosition.line,
-                    stateSourcePosition.column - res.lastSrcPosition.column
-                )
+                    stateSourcePosition.column - res.lastSrcPosition.column,
+                ),
             );
 
             prevDtsColumn = stateToken.stateName.column;
@@ -264,7 +264,7 @@ function getClassSourceName(targetName: string, classTokens: ClassesToken): stri
 export function generateDTSSourceMap(
     dtsContent: string,
     meta: StylableMeta,
-    targetFilePath?: string
+    targetFilePath?: string,
 ) {
     const tokens = tokenizeDTS(dtsContent);
     const mapping: Record<number, LineMapping> = {};
@@ -308,7 +308,7 @@ export function generateDTSSourceMap(
                     mapping[dtsLine] = createLineMapping(
                         SPACING.repeat(currentSrcPosition.generatedOffsetLevel ?? 1).length,
                         lineDelta,
-                        columnDelta
+                        columnDelta,
                     );
 
                     // reset to default offset level
@@ -319,7 +319,7 @@ export function generateDTSSourceMap(
             } else if (resToken.type === 'states') {
                 const classSourceName = getClassSourceName(
                     resToken.token.className.value,
-                    tokens[1] as ClassesToken
+                    tokens[1] as ClassesToken,
                 );
 
                 if (classSourceName) {
@@ -327,7 +327,7 @@ export function generateDTSSourceMap(
                         resToken.token.classStates,
                         stripQuotes(classSourceName),
                         lastSrcPosition,
-                        meta
+                        meta,
                     );
                     lastSrcPosition = stateRes.lastSrcPosition;
                     mapping[dtsLine] = stateRes.mapping;
@@ -350,7 +350,7 @@ export function generateDTSSourceMap(
                 .join(';'),
         },
         null,
-        4
+        4,
     );
 }
 
@@ -358,7 +358,7 @@ function calculateEstimatedPosition(
     rawValue: string,
     name: string,
     after = '',
-    rootPosition?: Position
+    rootPosition?: Position,
 ): Position {
     const valueLength = rawValue.indexOf(name + after) + name.length - after.length;
     const value = rawValue.slice(0, valueLength);
diff --git a/packages/module-utils/src/generate-dts.ts b/packages/module-utils/src/generate-dts.ts
index fe7a5940fe..17ca377169 100644
--- a/packages/module-utils/src/generate-dts.ts
+++ b/packages/module-utils/src/generate-dts.ts
@@ -10,7 +10,7 @@ const asString = (v: string) => JSON.stringify(v);
 
 function addStatesEntries(
     stateEntries: Map<string, MappedStates[string]>,
-    stStates: MappedStates | undefined
+    stStates: MappedStates | undefined,
 ) {
     if (stStates) {
         for (const [stateName, stateDef] of Object.entries(stStates)) {
@@ -64,7 +64,7 @@ function stringifyStringRecord(
     record: Record<string, any>,
     addParentheses = false,
     indent = SPACING,
-    delimiter = '\n'
+    delimiter = '\n',
 ): string {
     const s = Object.entries(record)
         .map(
@@ -72,8 +72,8 @@ function stringifyStringRecord(
                 `${indent}${asString(key)}: ${stringifyTypedValue(
                     value,
                     indent + SPACING,
-                    delimiter
-                )};`
+                    delimiter,
+                )};`,
         )
         .join(delimiter);
 
@@ -84,14 +84,14 @@ function stringifyStringArray(array: any[], indent = SPACING, delimiter = '\n')
     return `[${wrapNL(
         array
             .map((value) => `${indent}${stringifyTypedValue(value, indent + SPACING, delimiter)},`)
-            .join(delimiter)
+            .join(delimiter),
     )}${indent.replace(SPACING, '')}]`;
 }
 
 function stringifyTypedValue(
     value: string | any[] | Record<string, any>,
     indent = SPACING,
-    delimiter = '\n'
+    delimiter = '\n',
 ): string {
     if (typeof value === 'string') {
         return 'string';
@@ -118,10 +118,10 @@ function getStateTSType(stateDef: StateParsedValue | null) {
     return stateDef === null
         ? 'boolean'
         : stateDef.type === 'enum'
-        ? stateDef.arguments
-              .map((v) => (typeof v === 'string' ? asString(v) : 'unknown'))
-              .join(' | ')
-        : stateDef.type /* string | number */;
+          ? stateDef.arguments
+                .map((v) => (typeof v === 'string' ? asString(v) : 'unknown'))
+                .join(' | ')
+          : stateDef.type /* string | number */;
 }
 
 function wrapNL(code: string) {
diff --git a/packages/module-utils/src/module-factory.ts b/packages/module-utils/src/module-factory.ts
index 1a2fce0510..2aa818a78e 100644
--- a/packages/module-utils/src/module-factory.ts
+++ b/packages/module-utils/src/module-factory.ts
@@ -20,7 +20,7 @@ export function stylableModuleFactory(
         staticImports = [],
         moduleType = 'cjs',
         runtimeId = '0',
-    }: Partial<Options> = {}
+    }: Partial<Options> = {},
 ) {
     const stylable = new Stylable(stylableOptions);
     return function stylableToModule(source: string, path: string) {
@@ -39,7 +39,7 @@ export function stylableModuleFactory(
                 css: injectCSS ? meta.targetAst!.toString() : '',
                 depth: -1,
                 runtimeId,
-            }
+            },
         );
     };
 }
diff --git a/packages/module-utils/src/module-source.ts b/packages/module-utils/src/module-source.ts
index 8bbb664caa..82422d076b 100644
--- a/packages/module-utils/src/module-source.ts
+++ b/packages/module-utils/src/module-source.ts
@@ -14,7 +14,7 @@ export function generateModuleSource(
     depth: string,
     exportsArgument: string,
     afterModule: string,
-    renderableOnly = false
+    renderableOnly = false,
 ): string {
     const { exports, meta } = stylableResult;
     const localsExports = JSON.stringify(exports);
@@ -47,7 +47,7 @@ export function createModuleSource(
     depth: string | number = '-1',
     staticRequests: string[] = [],
     runtimeRequest = '@stylable/runtime',
-    afterModule: string[] = []
+    afterModule: string[] = [],
 ) {
     // TODO: calc depth for node as well
     depth = typeof depth === 'number' ? depth.toString() : depth;
@@ -80,7 +80,7 @@ export function createModuleSource(
                     `export { classes, keyframes, vars, stVars, cssStates, style, st, $depth, $id, $css };`,
                     ...afterModule,
                 ].join('\n'),
-                renderableOnly
+                renderableOnly,
             );
         }
         case 'cjs':
@@ -98,7 +98,7 @@ export function createModuleSource(
                 depth,
                 'module.exports',
                 afterModule.join('\n'),
-                renderableOnly
+                renderableOnly,
             );
     }
     throw new Error('Unknown module format ' + moduleFormat);
diff --git a/packages/module-utils/test/generate-dts.spec.ts b/packages/module-utils/test/generate-dts.spec.ts
index e1f871eecb..4501debc14 100644
--- a/packages/module-utils/test/generate-dts.spec.ts
+++ b/packages/module-utils/test/generate-dts.spec.ts
@@ -380,7 +380,7 @@ describe('Generate DTS', function () {
             });
 
             expect(tk.typecheck('test.ts')).to.include(
-                "Argument of type '{ state1: boolean; }' is not assignable"
+                "Argument of type '{ state1: boolean; }' is not assignable",
             );
         });
 
@@ -395,7 +395,7 @@ describe('Generate DTS', function () {
             });
 
             expect(tk.typecheck('test.ts')).to.include(
-                "Type 'string' is not assignable to type 'boolean | undefined'"
+                "Type 'string' is not assignable to type 'boolean | undefined'",
             );
         });
 
@@ -413,7 +413,7 @@ describe('Generate DTS', function () {
 
             const diagnostics = tk.typecheck('test.ts');
             expect(diagnostics).to.include(
-                "Type 'string' is not assignable to type 'boolean | undefined'"
+                "Type 'string' is not assignable to type 'boolean | undefined'",
             );
             // changing error message to comply with typescript v4.6
             // https://github.com/microsoft/TypeScript/issues/48083
@@ -430,7 +430,7 @@ describe('Generate DTS', function () {
                 `,
             });
             expect(tk.typecheck('test.ts')).to.include(
-                "Argument of type '{ mapped: string; }' is not assignable"
+                "Argument of type '{ mapped: string; }' is not assignable",
             );
         });
 
@@ -444,7 +444,7 @@ describe('Generate DTS', function () {
                 `,
             });
             expect(tk.typecheck('test.ts')).to.include(
-                "Argument of type '{ mappedWithParam: string; }' is not assignable"
+                "Argument of type '{ mappedWithParam: string; }' is not assignable",
             );
         });
 
@@ -479,7 +479,7 @@ describe('Generate DTS', function () {
                 // changing error message to comply with typescript v4.6
                 // https://github.com/microsoft/TypeScript/issues/48083
                 expect(tk.typecheck('test.ts')).to.include(
-                    `Type 'boolean' is not assignable to type 'string'`
+                    `Type 'boolean' is not assignable to type 'string'`,
                 );
             });
 
@@ -511,7 +511,7 @@ describe('Generate DTS', function () {
                 });
 
                 expect(tk.typecheck('test.ts')).to.include(
-                    "Argument of type '{ state1: string; }' is not assignable"
+                    "Argument of type '{ state1: string; }' is not assignable",
                 );
             });
 
@@ -528,7 +528,7 @@ describe('Generate DTS', function () {
                 });
 
                 expect(tk.typecheck('test.ts')).to.include(
-                    "Argument of type '{ state1: string; }' is not assignable"
+                    "Argument of type '{ state1: string; }' is not assignable",
                 );
             });
 
@@ -548,7 +548,7 @@ describe('Generate DTS', function () {
                 });
 
                 expect(tk.typecheck('test.ts')).to.include(
-                    `Argument of type '{ state1: boolean; }' is not assignable to parameter of type 'NullableString'`
+                    `Argument of type '{ state1: boolean; }' is not assignable to parameter of type 'NullableString'`,
                 );
             });
         });
@@ -580,7 +580,7 @@ describe('Generate DTS', function () {
             });
 
             expect(tk.typecheck('test.ts')).to.include(
-                "only specify known properties, and 'unknown' does not exist in type"
+                "only specify known properties, and 'unknown' does not exist in type",
             );
         });
 
diff --git a/packages/module-utils/test/index.spec.ts b/packages/module-utils/test/index.spec.ts
index 0b1e12e29d..19f33f0144 100644
--- a/packages/module-utils/test/index.spec.ts
+++ b/packages/module-utils/test/index.spec.ts
@@ -25,7 +25,7 @@ describe('Module Factory', () => {
             {
                 [testFile]: '.root {background: red}',
             },
-            { injectCSS: false }
+            { injectCSS: false },
         );
 
         const moduleSource = factory(fs.readFileSync(testFile, 'utf8'), testFile);
@@ -98,7 +98,7 @@ describe('Module Factory', () => {
                 'cssStates',
                 'style',
                 'st',
-            ].sort()
+            ].sort(),
         );
     });
 });
diff --git a/packages/module-utils/test/sourcemap.spec.ts b/packages/module-utils/test/sourcemap.spec.ts
index 63be0b43c9..1bd7f5c119 100644
--- a/packages/module-utils/test/sourcemap.spec.ts
+++ b/packages/module-utils/test/sourcemap.spec.ts
@@ -45,7 +45,7 @@ describe('.d.ts source-maps', () => {
 
         sourceMapConsumer = await new SourceMapConsumer(sourcemapText);
         const originalPosition = sourceMapConsumer.originalPositionFor(
-            getPosition(dtsText, 'root":') // source mapping starts after the first double quote
+            getPosition(dtsText, 'root":'), // source mapping starts after the first double quote
         );
 
         expect(originalPosition).to.eql({ line: 1, column: 0, source: 'entry.st.css', name: null });
@@ -84,7 +84,7 @@ describe('.d.ts source-maps', () => {
 
         sourceMapConsumer = await new SourceMapConsumer(sourcemapText);
         const originalPosition = sourceMapConsumer.originalPositionFor(
-            getPosition(dtsText, 'root":') // source mapping starts after the first double quote
+            getPosition(dtsText, 'root":'), // source mapping starts after the first double quote
         );
 
         expect(originalPosition).to.eql({ line: 1, column: 0, source: 'entry.st.css', name: null });
@@ -109,7 +109,7 @@ describe('.d.ts source-maps', () => {
 
         sourceMapConsumer = await new SourceMapConsumer(sourcemapText);
         const originalPosition = sourceMapConsumer.originalPositionFor(
-            getPosition(dtsText, 'c1":') // source mapping starts after the first double quote
+            getPosition(dtsText, 'c1":'), // source mapping starts after the first double quote
         );
 
         expect(originalPosition).to.eql({ line: 2, column: 4, source: 'entry.st.css', name: null });
@@ -131,7 +131,7 @@ describe('.d.ts source-maps', () => {
 
         sourceMapConsumer = await new SourceMapConsumer(sourcemapText);
         const originalPosition = sourceMapConsumer.originalPositionFor(
-            getPosition(dtsText, 'c1":') // source mapping starts after the first double quote
+            getPosition(dtsText, 'c1":'), // source mapping starts after the first double quote
         );
 
         expect(originalPosition).to.eql({ line: 1, column: 8, source: 'entry.st.css', name: null });
@@ -153,7 +153,7 @@ describe('.d.ts source-maps', () => {
 
         sourceMapConsumer = await new SourceMapConsumer(sourcemapText);
         const originalPosition = sourceMapConsumer.originalPositionFor(
-            getPosition(dtsText, 'k1":') // source mapping starts after the first double quote
+            getPosition(dtsText, 'k1":'), // source mapping starts after the first double quote
         );
 
         expect(originalPosition).to.eql({ line: 1, column: 0, source: 'entry.st.css', name: null });
@@ -179,8 +179,8 @@ describe('.d.ts source-maps', () => {
         // local layer
         expect(
             sourceMapConsumer.originalPositionFor(
-                getPosition(dtsText, 'L1":') // source mapping starts after the first double quote
-            )
+                getPosition(dtsText, 'L1":'), // source mapping starts after the first double quote
+            ),
         ).to.eql({ line: 1, column: 0, source: 'entry.st.css', name: null });
     });
 
@@ -206,8 +206,8 @@ describe('.d.ts source-maps', () => {
         // local container
         expect(
             sourceMapConsumer.originalPositionFor(
-                getPosition(dtsText, 'C2":') // source mapping starts after the first double quote
-            )
+                getPosition(dtsText, 'C2":'), // source mapping starts after the first double quote
+            ),
         ).to.eql({ line: 2, column: 4, source: 'entry.st.css', name: null });
     });
 
@@ -229,10 +229,10 @@ describe('.d.ts source-maps', () => {
 
         sourceMapConsumer = await new SourceMapConsumer(sourcemapText);
         const state1OriginalPosition = sourceMapConsumer.originalPositionFor(
-            getPosition(dtsText, 'state1"?:') // source mapping starts after the first double quote
+            getPosition(dtsText, 'state1"?:'), // source mapping starts after the first double quote
         );
         const state2OriginalPosition = sourceMapConsumer.originalPositionFor(
-            getPosition(dtsText, 'state2"?:')
+            getPosition(dtsText, 'state2"?:'),
         );
 
         expect(state1OriginalPosition).to.eql({
@@ -269,13 +269,13 @@ describe('.d.ts source-maps', () => {
 
         sourceMapConsumer = await new SourceMapConsumer(sourcemapText);
         const state1OriginalPosition = sourceMapConsumer.originalPositionFor(
-            getPosition(dtsText, 'state"?:') // source mapping starts after the first double quote
+            getPosition(dtsText, 'state"?:'), // source mapping starts after the first double quote
         );
         const state2OriginalPosition = sourceMapConsumer.originalPositionFor(
-            getPosition(dtsText, 'state2"?:')
+            getPosition(dtsText, 'state2"?:'),
         );
         const state3OriginalPosition = sourceMapConsumer.originalPositionFor(
-            getPosition(dtsText, 'state3"?:')
+            getPosition(dtsText, 'state3"?:'),
         );
 
         expect(state1OriginalPosition).to.eql({
@@ -317,7 +317,7 @@ describe('.d.ts source-maps', () => {
 
         sourceMapConsumer = await new SourceMapConsumer(sourcemapText);
         const sameStateOriginalPosition = sourceMapConsumer.originalPositionFor(
-            getPosition(dtsText, 'sameState"?:') // source mapping starts after the first double quote
+            getPosition(dtsText, 'sameState"?:'), // source mapping starts after the first double quote
         );
 
         expect(sameStateOriginalPosition).to.eql({
@@ -360,34 +360,34 @@ describe('.d.ts source-maps', () => {
         sourceMapConsumer = await new SourceMapConsumer(sourcemapText);
 
         const class1OriginalPosition = sourceMapConsumer.originalPositionFor(
-            getPosition(dtsText, 'root": "') // source mapping starts after the first double quote
+            getPosition(dtsText, 'root": "'), // source mapping starts after the first double quote
         );
         const class2OriginalPosition = sourceMapConsumer.originalPositionFor(
-            getPosition(dtsText, 'other": "')
+            getPosition(dtsText, 'other": "'),
         );
         const stVar1OriginalPosition = sourceMapConsumer.originalPositionFor(
-            getPosition(dtsText, 'c1":')
+            getPosition(dtsText, 'c1":'),
         );
         const stVar2OriginalPosition = sourceMapConsumer.originalPositionFor(
-            getPosition(dtsText, 'c2":')
+            getPosition(dtsText, 'c2":'),
         );
         const cssVar1OriginalPosition = sourceMapConsumer.originalPositionFor(
-            getPosition(dtsText, 'css1":')
+            getPosition(dtsText, 'css1":'),
         );
         const cssVar2OriginalPosition = sourceMapConsumer.originalPositionFor(
-            getPosition(dtsText, 'css2":')
+            getPosition(dtsText, 'css2":'),
         );
         const state1OriginalPosition = sourceMapConsumer.originalPositionFor(
-            getPosition(dtsText, 'state1"?:')
+            getPosition(dtsText, 'state1"?:'),
         );
         const state2OriginalPosition = sourceMapConsumer.originalPositionFor(
-            getPosition(dtsText, 'state2"?:')
+            getPosition(dtsText, 'state2"?:'),
         );
         const keyframes1OriginalPosition = sourceMapConsumer.originalPositionFor(
-            getPosition(dtsText, 'k1":')
+            getPosition(dtsText, 'k1":'),
         );
         const layer1OriginalPosition = sourceMapConsumer.originalPositionFor(
-            getPosition(dtsText, 'l1":')
+            getPosition(dtsText, 'l1":'),
         );
 
         expect(class1OriginalPosition).to.eql({
@@ -477,19 +477,19 @@ describe('.d.ts source-maps', () => {
         sourceMapConsumer = await new SourceMapConsumer(sourcemapText);
 
         const aOriginalPosition = sourceMapConsumer.originalPositionFor(
-            getPosition(dtsText, 'a":')
+            getPosition(dtsText, 'a":'),
         );
         const bOriginalPosition = sourceMapConsumer.originalPositionFor(
-            getPosition(dtsText, 'b":')
+            getPosition(dtsText, 'b":'),
         );
         const cOriginalPosition = sourceMapConsumer.originalPositionFor(
-            getPosition(dtsText, 'c":')
+            getPosition(dtsText, 'c":'),
         );
         const dOriginalPosition = sourceMapConsumer.originalPositionFor(
-            getPosition(dtsText, 'd":')
+            getPosition(dtsText, 'd":'),
         );
         const eOriginalPosition = sourceMapConsumer.originalPositionFor(
-            getPosition(dtsText, 'e":')
+            getPosition(dtsText, 'e":'),
         );
 
         expect(aOriginalPosition).to.eql({
diff --git a/packages/module-utils/test/test-kit.ts b/packages/module-utils/test/test-kit.ts
index ccf859bfc1..8570031561 100644
--- a/packages/module-utils/test/test-kit.ts
+++ b/packages/module-utils/test/test-kit.ts
@@ -42,7 +42,7 @@ export function moduleFactoryTestKit(files: IDirectoryContents, options: Partial
             fileSystem: fs,
             projectRoot: '/',
         },
-        options
+        options,
     );
 
     return {
diff --git a/packages/node/src/find-files.ts b/packages/node/src/find-files.ts
index 99b28fa329..91d4d4bd0a 100644
--- a/packages/node/src/find-files.ts
+++ b/packages/node/src/find-files.ts
@@ -9,7 +9,7 @@ export function findFiles(
     rootDirectory: string,
     ext: string,
     blacklist: Set<string>,
-    useRelative = false
+    useRelative = false,
 ) {
     const errors: Error[] = [];
     const result = new Set<string>();
@@ -27,7 +27,7 @@ export function findFiles(
                         folders.push(itemFullPath);
                     } else if (item.isFile() && itemFullPath.endsWith(ext)) {
                         result.add(
-                            useRelative ? relative(rootDirectory, itemFullPath) : itemFullPath
+                            useRelative ? relative(rootDirectory, itemFullPath) : itemFullPath,
                         );
                     }
                 } catch (e) {
diff --git a/packages/node/src/find-package-json.ts b/packages/node/src/find-package-json.ts
index fb355ab32a..e2823fb347 100644
--- a/packages/node/src/find-package-json.ts
+++ b/packages/node/src/find-package-json.ts
@@ -4,7 +4,7 @@ import { dirname, join } from 'path';
 export function findPackageJson(
     cwd: string,
     cache = new Map<string, string>(),
-    visited: string[] = []
+    visited: string[] = [],
 ) {
     while (cwd) {
         if (cache.has(cwd)) {
diff --git a/packages/node/src/loader.ts b/packages/node/src/loader.ts
index f6d0945810..16ef2235db 100644
--- a/packages/node/src/loader.ts
+++ b/packages/node/src/loader.ts
@@ -14,7 +14,7 @@ async function generateJsModule(sheetSource: string, filePath: string) {
 }
 async function initiateModuleFactory() {
     const defaultConfig = await loadStylableConfigEsm(process.cwd(), (potentialConfigModule: any) =>
-        potentialConfigModule.defaultConfig?.(fs)
+        potentialConfigModule.defaultConfig?.(fs),
     );
     return stylableModuleFactory(
         {
@@ -25,7 +25,7 @@ async function initiateModuleFactory() {
         },
         {
             moduleType: 'esm',
-        }
+        },
     );
 }
 
@@ -44,7 +44,7 @@ export interface LoaderResult {
 export async function load(
     url: string,
     context: LoaderContext,
-    next: (specifier: string, context: LoaderContext) => Promise<LoaderResult>
+    next: (specifier: string, context: LoaderContext) => Promise<LoaderResult>,
 ): Promise<LoaderResult> {
     if (defaultStylableMatcher(url)) {
         const filePath = fileURLToPath(url);
diff --git a/packages/node/src/require-hook.ts b/packages/node/src/require-hook.ts
index f97e281b07..c85b157261 100644
--- a/packages/node/src/require-hook.ts
+++ b/packages/node/src/require-hook.ts
@@ -49,7 +49,7 @@ export function attachHook({
             resolveNamespace,
             ...options,
         },
-        { runtimePath }
+        { runtimePath },
     );
 
     if (!matcher) {
@@ -67,7 +67,7 @@ export function attachHook({
             return prevHook(m, filename);
         } else {
             throw new Error(
-                `Failed to load file: ${filename}. Could not find require extension for .css`
+                `Failed to load file: ${filename}. Could not find require extension for .css`,
             );
         }
     };
diff --git a/packages/node/src/resolve-namespace.ts b/packages/node/src/resolve-namespace.ts
index dd5be50521..aeb78aa292 100644
--- a/packages/node/src/resolve-namespace.ts
+++ b/packages/node/src/resolve-namespace.ts
@@ -10,7 +10,7 @@ import { findPackageJson } from './find-package-json';
 export function resolveNamespaceFactory(
     hashSalt = '',
     prefix = '',
-    options: Partial<Omit<CreateNamespaceOptions, 'hashSalt' | 'prefix'>> = {}
+    options: Partial<Omit<CreateNamespaceOptions, 'hashSalt' | 'prefix'>> = {},
 ) {
     return createNamespaceStrategyNode({ hashSalt, prefix, ...options });
 }
@@ -19,7 +19,7 @@ export const packageJsonLookupCache = new Map<string, string>();
 
 export function createNamespaceStrategyNode(
     options: Partial<CreateNamespaceOptions> = {},
-    devMode?: boolean
+    devMode?: boolean,
 ) {
     return createNamespaceStrategy({
         normalizePath(packageRoot: string, stylesheetPath: string) {
@@ -28,7 +28,7 @@ export function createNamespaceStrategyNode(
         getPackageInfo: (stylesheetPath) => {
             const configPath = findPackageJson(
                 dirname(stylesheetPath),
-                packageJsonLookupCache
+                packageJsonLookupCache,
             )?.packageJsonPath;
             if (!configPath) {
                 throw new Error(`Could not find package.json for ${stylesheetPath}`);
diff --git a/packages/node/test/fixtures/default-config/stylable.config.js b/packages/node/test/fixtures/default-config/stylable.config.js
index d7b409a624..e549e45d61 100644
--- a/packages/node/test/fixtures/default-config/stylable.config.js
+++ b/packages/node/test/fixtures/default-config/stylable.config.js
@@ -1,5 +1,7 @@
 //@ts-check
-const { posix: {join} } = require('path');
+const {
+    posix: { join },
+} = require('path');
 const { createDefaultResolver } = require('@stylable/core');
 
 module.exports = {
diff --git a/packages/node/test/loader.spec.ts b/packages/node/test/loader.spec.ts
index 91de802f89..4632ec0e07 100644
--- a/packages/node/test/loader.spec.ts
+++ b/packages/node/test/loader.spec.ts
@@ -22,7 +22,7 @@ describeIf(nodeMajorVersion > 14)('node loader', () => {
         symlinkSync(
             join(rootRepoPath, 'node_modules'),
             join(tempDir.path, 'node_modules'),
-            'junction'
+            'junction',
         );
     });
 
@@ -91,7 +91,7 @@ describeIf(nodeMajorVersion > 14)('node loader', () => {
 
         expect(result.status, result.stderr).to.equal(0);
         expect(result.stdout, result.stderr).to.eql(
-            `{ root: 'x-index__root', part: 'x-index__part' }\n`
+            `{ root: 'x-index__root', part: 'x-index__part' }\n`,
         );
     });
 
@@ -129,7 +129,7 @@ describeIf(nodeMajorVersion > 14)('node loader', () => {
 
         expect(result.status, result.stderr).to.equal(0);
         expect(result.stdout, result.stderr).to.eql(
-            `{ root: 'x-index__root', part: 'x-index__part' }\n`
+            `{ root: 'x-index__root', part: 'x-index__part' }\n`,
         );
     });
 });
diff --git a/packages/node/test/require-hook-default-config.spec.ts b/packages/node/test/require-hook-default-config.spec.ts
index c113852268..eb31082b9e 100644
--- a/packages/node/test/require-hook-default-config.spec.ts
+++ b/packages/node/test/require-hook-default-config.spec.ts
@@ -4,7 +4,7 @@ import { dirname, join } from 'path';
 import { attachHook } from '@stylable/node';
 
 const fixturesPath = dirname(
-    require.resolve('@stylable/node/test/fixtures/default-config/package.json')
+    require.resolve('@stylable/node/test/fixtures/default-config/package.json'),
 );
 
 describe('require hook', () => {
@@ -22,7 +22,7 @@ describe('require hook', () => {
 
         // this checks that a mapped module was correctly resolved using -st-extends
         expect(indexModule.classes.root).to.equal(
-            indexModule.namespace + '__root' + ' ' + mappedModule.namespace + '__test'
+            indexModule.namespace + '__root' + ' ' + mappedModule.namespace + '__test',
         );
     });
 });
diff --git a/packages/node/test/require-hook.spec.ts b/packages/node/test/require-hook.spec.ts
index f2de12101a..97bc4c367b 100644
--- a/packages/node/test/require-hook.spec.ts
+++ b/packages/node/test/require-hook.spec.ts
@@ -5,7 +5,7 @@ import { dirname, join } from 'path';
 import { attachHook } from '@stylable/node';
 
 const fixturesPath = dirname(
-    require.resolve('@stylable/node/test/fixtures/base-project/package.json')
+    require.resolve('@stylable/node/test/fixtures/base-project/package.json'),
 );
 
 describe('require hook', () => {
diff --git a/packages/node/test/resolve-namespace-factory.spec.ts b/packages/node/test/resolve-namespace-factory.spec.ts
index f43673009a..841e4dffb7 100644
--- a/packages/node/test/resolve-namespace-factory.spec.ts
+++ b/packages/node/test/resolve-namespace-factory.spec.ts
@@ -3,7 +3,7 @@ import { dirname, join } from 'path';
 import { resolveNamespace, resolveNamespaceFactory } from '@stylable/node';
 
 const fixturesPath = dirname(
-    require.resolve('@stylable/node/test/fixtures/base-project/package.json')
+    require.resolve('@stylable/node/test/fixtures/base-project/package.json'),
 );
 
 describe('resolve-namespace-factory deterministic behavior', () => {
diff --git a/packages/optimizer/src/stylable-optimizer.ts b/packages/optimizer/src/stylable-optimizer.ts
index 573ca56b5c..d1dd1e0316 100644
--- a/packages/optimizer/src/stylable-optimizer.ts
+++ b/packages/optimizer/src/stylable-optimizer.ts
@@ -30,7 +30,7 @@ export class StylableOptimizer implements IStylableOptimizer {
     public optimize(
         config: OptimizeConfig,
         stylableResults: StylableResults,
-        usageMapping: Record<string, boolean>
+        usageMapping: Record<string, boolean>,
     ) {
         const {
             meta: { globals, targetAst },
@@ -53,7 +53,7 @@ export class StylableOptimizer implements IStylableOptimizer {
         targetAst: Root,
         usageMapping: Record<string, boolean>,
         jsExports: StylableExports,
-        globals: Record<string, boolean>
+        globals: Record<string, boolean>,
     ) {
         if (config.removeComments) {
             this.removeComments(targetAst);
@@ -61,7 +61,7 @@ export class StylableOptimizer implements IStylableOptimizer {
         if ((config as any).removeStylableDirectives !== undefined) {
             // ToDo(major): remove warning
             console.warn(
-                `optimizer "removeStylableDirectives" is no longer required as "-st-*" declarations are removed during transformation`
+                `optimizer "removeStylableDirectives" is no longer required as "-st-*" declarations are removed during transformation`,
             );
         }
         if (config.removeUnusedComponents && usageMapping) {
@@ -77,7 +77,7 @@ export class StylableOptimizer implements IStylableOptimizer {
             usageMapping,
             globals,
             config.shortNamespaces,
-            config.classNameOptimizations
+            config.classNameOptimizations,
         );
     }
 
@@ -88,7 +88,7 @@ export class StylableOptimizer implements IStylableOptimizer {
         usageMapping: Record<string, boolean>,
         globals: Record<string, boolean> = {},
         shortNamespaces?: boolean,
-        classNamespaceOptimizations?: boolean
+        classNamespaceOptimizations?: boolean,
     ) {
         if (!shortNamespaces && !classNamespaceOptimizations) {
             return;
@@ -100,7 +100,7 @@ export class StylableOptimizer implements IStylableOptimizer {
                 usageMapping,
                 globals,
                 shortNamespaces || false,
-                classNamespaceOptimizations || false
+                classNamespaceOptimizations || false,
             );
         });
         const namespaceRegexp = new RegExp(`^(.*?)${delimiter}`);
@@ -118,12 +118,12 @@ export class StylableOptimizer implements IStylableOptimizer {
                             const namespaceMatch = renderedNamed.match(namespaceRegexp);
                             if (!namespaceMatch) {
                                 throw new Error(
-                                    `Stylable class dose not have proper export namespace ${renderedNamed}`
+                                    `Stylable class dose not have proper export namespace ${renderedNamed}`,
                                 );
                             }
                             return renderedNamed.replace(
                                 namespaceRegexp,
-                                `${this.getNamespace(namespaceMatch[1])}${delimiter}`
+                                `${this.getNamespace(namespaceMatch[1])}${delimiter}`,
                             );
                         } else {
                             throw new Error('Invalid optimization config');
@@ -139,7 +139,7 @@ export class StylableOptimizer implements IStylableOptimizer {
         usageMapping: Record<string, boolean>,
         globals: Record<string, boolean> = {},
         shortNamespaces: boolean,
-        classNamespaceOptimizations: boolean
+        classNamespaceOptimizations: boolean,
     ) {
         const ast = parseCssSelector(selector);
 
@@ -155,8 +155,8 @@ export class StylableOptimizer implements IStylableOptimizer {
                             node.value = node.value.replace(
                                 stateRegexp,
                                 `${this.getNamespace(
-                                    possibleStateNamespace[1]
-                                )}${booleanStateDelimiter}`
+                                    possibleStateNamespace[1],
+                                )}${booleanStateDelimiter}`,
                             );
                         }
                     }
@@ -169,12 +169,12 @@ export class StylableOptimizer implements IStylableOptimizer {
                         const namespaceMatch = node.value.match(namespaceRegexp);
                         if (!namespaceMatch) {
                             throw new Error(
-                                `Stylable class dose not have proper namespace ${node.value}`
+                                `Stylable class dose not have proper namespace ${node.value}`,
                             );
                         }
                         node.value = node.value.replace(
                             namespaceRegexp,
-                            `${this.getNamespace(namespaceMatch[1])}${delimiter}`
+                            `${this.getNamespace(namespaceMatch[1])}${delimiter}`,
                         );
                     }
                 }
@@ -194,7 +194,7 @@ export class StylableOptimizer implements IStylableOptimizer {
     private removeUnusedComponents(
         targetAst: Root,
         usageMapping: Record<string, boolean>,
-        shouldComment = false
+        shouldComment = false,
     ) {
         const matchNamespace = new RegExp(`(.+)${delimiter}(.+)`);
         targetAst.walkRules((rule) => {
@@ -217,7 +217,7 @@ export class StylableOptimizer implements IStylableOptimizer {
     private isContainsUnusedParts(
         selectorAst: Selector,
         usageMapping: Record<string, boolean>,
-        matchNamespace: RegExp
+        matchNamespace: RegExp,
     ) {
         // TODO: !!-!-!! last working point
         let isContainsUnusedParts = false;
@@ -311,7 +311,7 @@ export function replaceRecursiveUpIfEmpty(label: string, node: Node) {
     node.replaceWith(
         ...(node.type === 'decl'
             ? createLineByLineComment(node)
-            : createCommentFromNode(label, node))
+            : createCommentFromNode(label, node)),
     );
     if (
         parent &&
diff --git a/packages/optimizer/test/ast-optimizations.spec.ts b/packages/optimizer/test/ast-optimizations.spec.ts
index 1e4bff4b03..723f753a9d 100644
--- a/packages/optimizer/test/ast-optimizations.spec.ts
+++ b/packages/optimizer/test/ast-optimizations.spec.ts
@@ -19,7 +19,7 @@ describe('StylableOptimizer className optimizations', () => {
             { namespace: true },
             {},
             false,
-            true
+            true,
         );
         expect(exports, 'exports rewrite').to.eql({
             classname: 's0',
@@ -32,7 +32,7 @@ describe('StylableOptimizer className optimizations', () => {
     it('should not optimize state classes', () => {
         const optimizer = new StylableOptimizer();
         const ast = parse(
-            `.namespace__classname{} .namespace--state{} .namespace---otherState-5-value{} .namespace__thing{} .otherNamespace__imported{} .otherNamespace--state{}`
+            `.namespace__classname{} .namespace--state{} .namespace---otherState-5-value{} .namespace__thing{} .otherNamespace__imported{} .otherNamespace--state{}`,
         );
         const exports = {
             classname: 'namespace__classname',
@@ -50,7 +50,7 @@ describe('StylableOptimizer className optimizations', () => {
             },
             {},
             false,
-            true
+            true,
         );
         expect(exports, 'exports rewrite').to.eql({
             classname: 's0',
@@ -58,7 +58,7 @@ describe('StylableOptimizer className optimizations', () => {
             imported: 's2',
         });
         expect(ast.toString(), 'ast optimized').to.equal(
-            '.s0{} .namespace--state{} .namespace---otherState-5-value{} .s1{} .s2{} .otherNamespace--state{}'
+            '.s0{} .namespace--state{} .namespace---otherState-5-value{} .s1{} .s2{} .otherNamespace--state{}',
         );
     });
     it('should NOT optimize globals', () => {
@@ -78,7 +78,7 @@ describe('StylableOptimizer className optimizations', () => {
             { namespace: true },
             globals,
             false,
-            true
+            true,
         );
         expect(exports, 'exports rewrite').to.eql({
             aaa: 's0',
@@ -101,7 +101,7 @@ describe('StylableOptimizer shortNamespaces', () => {
         .namespace---otherState-5-value{} 
         .otherNamespace__imported{}
         .otherNamespace--state{}
-        `.trim()
+        `.trim(),
         );
         const exports = {
             classname: 'namespace__classname',
@@ -116,7 +116,7 @@ describe('StylableOptimizer shortNamespaces', () => {
             { namespace: true, otherNamespace: true },
             {},
             true,
-            false
+            false,
         );
         expect(exports, 'exports rewrite').to.eql({
             classname: 'o0__classname',
@@ -124,7 +124,7 @@ describe('StylableOptimizer shortNamespaces', () => {
             composed: 'o0__composed o0__classname',
         });
         expect(ast.toString().replace(/[\n\r\s]+/gm, ' '), 'ast optimized').to.equal(
-            `.o0__classname{} .o0__thing{} .o0__composed{} .o0--state{} .o0---otherState-5-value{} .o1__imported{} .o1--state{}`
+            `.o0__classname{} .o0__thing{} .o0__composed{} .o0--state{} .o0---otherState-5-value{} .o1__imported{} .o1--state{}`,
         );
     });
 });
diff --git a/packages/optimizer/test/stylable-optimizer.spec.ts b/packages/optimizer/test/stylable-optimizer.spec.ts
index d6accd1453..9a27454791 100644
--- a/packages/optimizer/test/stylable-optimizer.spec.ts
+++ b/packages/optimizer/test/stylable-optimizer.spec.ts
@@ -67,6 +67,8 @@ describe('StylableOptimizer', () => {
         };
         const { meta } = generateStylableResult({ entry: index, files });
         const output = new StylableOptimizer().minifyCSS(meta.targetAst!.toString());
-        expect(output).to.equal(`.${meta.namespace}__x{color:red}.${meta.namespace}__y{& .${meta.namespace}__z{color:green}}`);
+        expect(output).to.equal(
+            `.${meta.namespace}__x{color:red}.${meta.namespace}__y{& .${meta.namespace}__z{color:green}}`,
+        );
     }).timeout(25000);
 });
diff --git a/packages/rollup-plugin/src/index.ts b/packages/rollup-plugin/src/index.ts
index f55cfd104d..3fc68a699d 100644
--- a/packages/rollup-plugin/src/index.ts
+++ b/packages/rollup-plugin/src/index.ts
@@ -118,7 +118,7 @@ export function stylableRollupPlugin({
                 configFromFile = resolveStcConfig(
                     stConfig.projectRoot,
                     fs,
-                    typeof stcConfig === 'string' ? stcConfig : undefined
+                    typeof stcConfig === 'string' ? stcConfig : undefined,
                 );
 
                 stylable = new Stylable({
@@ -150,7 +150,7 @@ export function stylableRollupPlugin({
                             emitWarning: (e) => this.warn(e),
                             emitError: (e) => this.error(e),
                         },
-                        diagnosticsMode
+                        diagnosticsMode,
                     );
                 }
             }
@@ -164,7 +164,7 @@ export function stylableRollupPlugin({
                         emitWarning: (e) => this.warn(e),
                         emitError: (e) => this.error(e),
                     },
-                    diagnosticsMode
+                    diagnosticsMode,
                 );
             }
         },
@@ -210,7 +210,7 @@ export function stylableRollupPlugin({
                     try {
                         resolved = stylable.resolver.resolvePath(
                             imported.context,
-                            imported.request
+                            imported.request,
                         );
                     } catch {
                         // fallback to request
@@ -244,7 +244,7 @@ export function stylableRollupPlugin({
                         emitError: (e: Error) => this.error(e),
                     },
                     meta,
-                    diagnosticsMode
+                    diagnosticsMode,
                 );
             }
 
@@ -289,7 +289,7 @@ export function stylableRollupPlugin({
                 modules,
                 (m) => m.depth,
                 (m) => m.path,
-                PRINT_ORDER
+                PRINT_ORDER,
             );
 
             outputCSS = '';
diff --git a/packages/rollup-plugin/src/plugin-utils.ts b/packages/rollup-plugin/src/plugin-utils.ts
index 61ff3c7d30..c2fff34e75 100644
--- a/packages/rollup-plugin/src/plugin-utils.ts
+++ b/packages/rollup-plugin/src/plugin-utils.ts
@@ -11,7 +11,7 @@ export function generateCssString(
     meta: StylableMeta,
     minify: boolean,
     stylable: Stylable,
-    assetsIds: string[]
+    assetsIds: string[],
 ) {
     const css = meta
         .targetAst!.toString()
@@ -28,7 +28,7 @@ export function emitAssets(
     stylable: Stylable,
     meta: StylableMeta,
     emittedAssets: Map<string, string>,
-    inlineAssets: StylableRollupPluginOptions['inlineAssets']
+    inlineAssets: StylableRollupPluginOptions['inlineAssets'],
 ): string[] {
     const assets = processUrlDependencies({
         meta,
diff --git a/packages/rollup-plugin/test/projects/simple-stylable/index.js b/packages/rollup-plugin/test/projects/simple-stylable/index.js
index 41f37a441e..3685a5b687 100644
--- a/packages/rollup-plugin/test/projects/simple-stylable/index.js
+++ b/packages/rollup-plugin/test/projects/simple-stylable/index.js
@@ -3,5 +3,5 @@ import { st, cssStates, classes } from './index.st.css';
 document.body.classList.add(classes.root);
 document.body.innerHTML = `Hello<div class="${st(
     classes.part,
-    cssStates({ myState: true })
+    cssStates({ myState: true }),
 )}">Stylable</div>`;
diff --git a/packages/rollup-plugin/test/rollup-native-css.spec.ts b/packages/rollup-plugin/test/rollup-native-css.spec.ts
index 9605c76176..54958f7d41 100644
--- a/packages/rollup-plugin/test/rollup-native-css.spec.ts
+++ b/packages/rollup-plugin/test/rollup-native-css.spec.ts
@@ -58,14 +58,14 @@ describe('StylableRollupPlugin - import native CSS', function () {
                 libColor: computedStyle.color,
                 customResolveColor: computedStyle.borderColor,
                 customResolveSideEffect: computedStyle.getPropertyValue(
-                    '--custom-resolved-side-effect'
+                    '--custom-resolved-side-effect',
                 ),
             };
         });
         expect(localSideEffect, 'local side effect').to.eql('from local side-effect');
         expect(libSideEffect, 'lib side effect').to.eql('from lib side-effect');
         expect(customResolveSideEffect, 'custom resolve side effect').to.eql(
-            'from custom resolved side-effect'
+            'from custom resolved side-effect',
         );
         expect(libClass, 'lib class').to.eql('from lib class');
         expect(localColor, 'local import prop').to.eql('rgb(0, 128, 0)');
diff --git a/packages/rollup-plugin/test/rollup-plugin-stylable.spec.ts b/packages/rollup-plugin/test/rollup-plugin-stylable.spec.ts
index d2958b007a..0a16fe79d8 100644
--- a/packages/rollup-plugin/test/rollup-plugin-stylable.spec.ts
+++ b/packages/rollup-plugin/test/rollup-plugin-stylable.spec.ts
@@ -10,7 +10,7 @@ const imageBase64 = `url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAd
 
 const getElementsStyles = () => {
     const { backgroundImage, backgroundColor, fontSize, fontFamily } = getComputedStyle(
-        document.body
+        document.body,
     );
     const {
         backgroundImage: partBackgroundImage,
diff --git a/packages/rollup-plugin/test/rollup-side-effects.spec.ts b/packages/rollup-plugin/test/rollup-side-effects.spec.ts
index 35a1a08f2c..db1b5b02bd 100644
--- a/packages/rollup-plugin/test/rollup-side-effects.spec.ts
+++ b/packages/rollup-plugin/test/rollup-side-effects.spec.ts
@@ -49,7 +49,7 @@ describe('StylableRollupPlugin - include all stylesheets with side-effects', fun
         `);
         const outputFiles = getOutputFiles();
         expect(outputFiles['stylable.css'].replace(/\s+/g, ''), 'css bundle').to.eql(
-            expected.replace(/\s+/g, '')
+            expected.replace(/\s+/g, ''),
         );
     });
 });
diff --git a/packages/rollup-plugin/test/rollup-stc-config.spec.ts b/packages/rollup-plugin/test/rollup-stc-config.spec.ts
index 3d1552ce79..36fad17485 100644
--- a/packages/rollup-plugin/test/rollup-stc-config.spec.ts
+++ b/packages/rollup-plugin/test/rollup-stc-config.spec.ts
@@ -39,7 +39,7 @@ describe('StylableRollupPlugin', function () {
 
         const outputFiles = runner.getOutputFiles();
         expect(outputFiles['index.st.css'], '"stc" watch has been triggered').to.eql(
-            '.root {color: green;}'
+            '.root {color: green;}',
         );
     });
 });
diff --git a/packages/rollup-plugin/test/test-kit/rollup-runner.ts b/packages/rollup-plugin/test/test-kit/rollup-runner.ts
index eb883f2c48..8fb40af2c8 100644
--- a/packages/rollup-plugin/test/test-kit/rollup-runner.ts
+++ b/packages/rollup-plugin/test/test-kit/rollup-runner.ts
@@ -21,7 +21,7 @@ export interface RollupRunnerOptions {
 }
 const rootNodeModulesFromHere = join(
     dirname(require.resolve('../../../../../package.json')),
-    'node_modules'
+    'node_modules',
 );
 export function rollupRunner({
     projectPath,
@@ -105,7 +105,7 @@ export function rollupRunner({
         ready,
         async act(
             action: (done: Promise<RollupWatcherEvent>) => Promise<void> | void,
-            options?: ActAndWaitOptions
+            options?: ActAndWaitOptions,
         ) {
             return await actAndWaitForBuild(watcher, action, options);
         },
diff --git a/packages/rollup-plugin/test/test-kit/test-helpers.ts b/packages/rollup-plugin/test/test-kit/test-helpers.ts
index a263bbb48f..183956d218 100644
--- a/packages/rollup-plugin/test/test-kit/test-helpers.ts
+++ b/packages/rollup-plugin/test/test-kit/test-helpers.ts
@@ -34,7 +34,7 @@ export function waitForWatcherFinish(watcher: RollupWatcher) {
 export async function actAndWaitForBuild(
     watcher: RollupWatcher,
     action: (bundled: Promise<RollupWatcherEvent>) => Promise<void> | void,
-    options: ActAndWaitOptions = {}
+    options: ActAndWaitOptions = {},
 ) {
     const done = waitForWatcherFinish(watcher);
     await action(done);
diff --git a/packages/runtime/src/index.ts b/packages/runtime/src/index.ts
index 396967bea2..aba76551fd 100644
--- a/packages/runtime/src/index.ts
+++ b/packages/runtime/src/index.ts
@@ -103,7 +103,7 @@ export function injectCSS(id: string, css: string, depth: number, runtimeId: str
     style.setAttribute('st_runtime', runtimeId);
     style.textContent = css;
     var loadedStyleElements = head.querySelectorAll<HTMLStyleElement>(
-        'style[st_runtime="' + runtimeId + '"]'
+        'style[st_runtime="' + runtimeId + '"]',
     );
     var inserted = false;
     var insertAfter: HTMLElement | undefined;
diff --git a/packages/runtime/src/tsconfig.esm.json b/packages/runtime/src/tsconfig.esm.json
index 46ae15d86d..fcbff8c925 100644
--- a/packages/runtime/src/tsconfig.esm.json
+++ b/packages/runtime/src/tsconfig.esm.json
@@ -2,6 +2,6 @@
   "extends": "../../../tsconfig.base.json",
   "compilerOptions": {
     "outDir": "../esm",
-    "module": "ESNext",
+    "module": "ESNext"
   }
 }
diff --git a/packages/runtime/test/unit/micro-document.ts b/packages/runtime/test/unit/micro-document.ts
index accdf04ec8..f4c17c7f75 100644
--- a/packages/runtime/test/unit/micro-document.ts
+++ b/packages/runtime/test/unit/micro-document.ts
@@ -69,7 +69,7 @@ export class MicroElement {
             throw new Error('Not implemented ' + selector);
         }
         return this._children.filter(
-            (c) => c.tagName === 'style' && c.getAttribute('st_runtime') === m[1]
+            (c) => c.tagName === 'style' && c.getAttribute('st_runtime') === m[1],
         );
     }
 
diff --git a/packages/runtime/test/unit/runtime.spec.ts b/packages/runtime/test/unit/runtime.spec.ts
index 3b32d5927c..12359d2ba8 100644
--- a/packages/runtime/test/unit/runtime.spec.ts
+++ b/packages/runtime/test/unit/runtime.spec.ts
@@ -9,13 +9,13 @@ const testInjectCSS = new Function(
     'css',
     'depth',
     'runtimeId',
-    `(${injectCSS})(namespace, css, depth, runtimeId);`
+    `(${injectCSS})(namespace, css, depth, runtimeId);`,
 ) as (
     document: MicroDocument,
     namespace: string,
     css: string,
     depth: number,
-    runtimeId: string
+    runtimeId: string,
 ) => void;
 
 describe('css-runtime-renderer', () => {
diff --git a/packages/schema-extract/src/cssdocs.ts b/packages/schema-extract/src/cssdocs.ts
index 9a0110bd96..bb963d614e 100644
--- a/packages/schema-extract/src/cssdocs.ts
+++ b/packages/schema-extract/src/cssdocs.ts
@@ -25,7 +25,7 @@ function extractCSSDocsToSymbolMap(meta: StylableMeta) {
         const node = comment.next();
         if (node?.type === 'rule') {
             const symbol = meta.getSymbol(
-                node.selector.startsWith('.') ? node.selector.slice(1) : node.selector
+                node.selector.startsWith('.') ? node.selector.slice(1) : node.selector,
             );
             if (symbol?._kind === 'class' || symbol?._kind === 'element') {
                 docs.set(symbol, parseCommentNode(comment.toString()));
diff --git a/packages/schema-extract/src/main.ts b/packages/schema-extract/src/main.ts
index 35b493d576..014a60880a 100644
--- a/packages/schema-extract/src/main.ts
+++ b/packages/schema-extract/src/main.ts
@@ -28,7 +28,7 @@ export function extractSchema(
     filePath: string,
     root: string,
     path: MinimalPath,
-    resolveNamespace?: (namespace: string, source: string) => string
+    resolveNamespace?: (namespace: string, source: string) => string,
 ) {
     const processor = new StylableProcessor(undefined, resolveNamespace);
     const meta = processor.process(cssParse(css, { from: filePath }));
@@ -39,7 +39,7 @@ export function generateSchema(
     meta: StylableMeta,
     filePath: string,
     basePath: string,
-    path: MinimalPath
+    path: MinimalPath,
 ): StylableModuleSchema {
     const schema: StylableModuleSchema = {
         $id: `/${path.relative(basePath, filePath).replace(/\\/g, '/')}`,
@@ -97,7 +97,7 @@ export function generateSchema(
 function generateCssDocs(
     meta: StylableMeta,
     symbol: ClassSymbol | ElementSymbol | VarSymbol,
-    schemaEntry: StylableSymbolSchema
+    schemaEntry: StylableSymbolSchema,
 ) {
     const cssDoc = getCssDocsForSymbol(meta, symbol);
     if (cssDoc) {
@@ -115,7 +115,7 @@ function addModuleDependency(
     filePath: string,
     importPath: string,
     basePath: string,
-    path: MinimalPath
+    path: MinimalPath,
 ) {
     if (!schema.moduleDependencies) {
         schema.moduleDependencies = [];
@@ -177,14 +177,14 @@ function getImportedRef(
     fileName: string,
     importSymbol: ImportSymbol,
     basePath: string,
-    path: MinimalPath
+    path: MinimalPath,
 ): string {
     const suffix = importSymbol.type === 'default' ? 'root' : `${importSymbol.name}`;
     return `${normalizeImportPath(
         fileName,
         importSymbol.import.request,
         basePath,
-        path
+        path,
     )}#${suffix}`;
 }
 
@@ -192,7 +192,7 @@ function normalizeImportPath(
     fileName: string,
     importString: string,
     basePath: string,
-    path: MinimalPath
+    path: MinimalPath,
 ): string {
     if (importString.startsWith('.')) {
         // is relative
diff --git a/packages/schema-extract/test/extract-schema.spec.ts b/packages/schema-extract/test/extract-schema.spec.ts
index c67c777807..9a291b8cdd 100644
--- a/packages/schema-extract/test/extract-schema.spec.ts
+++ b/packages/schema-extract/test/extract-schema.spec.ts
@@ -23,7 +23,7 @@ describe('cssDocs extraction', () => {
             '/entry.st.css',
             '/',
             path,
-            mockNamespace
+            mockNamespace,
         );
 
         const expected: StylableModuleSchema = {
@@ -55,7 +55,7 @@ describe('cssDocs extraction', () => {
             '/entry.st.css',
             '/',
             path,
-            mockNamespace
+            mockNamespace,
         );
 
         const expected: StylableModuleSchema = {
@@ -92,7 +92,7 @@ describe('cssDocs extraction', () => {
             '/entry.st.css',
             '/',
             path,
-            mockNamespace
+            mockNamespace,
         );
 
         const expected: StylableModuleSchema = {
diff --git a/packages/uni-driver/src/uni-driver.ts b/packages/uni-driver/src/uni-driver.ts
index df31866ec2..692bf2f0e9 100644
--- a/packages/uni-driver/src/uni-driver.ts
+++ b/packages/uni-driver/src/uni-driver.ts
@@ -8,14 +8,14 @@ export class StylableUnidriverUtil {
     public async hasStyleState(
         base: ElementRemoteApi,
         stateName: string,
-        param: StateValue = true
+        param: StateValue = true,
     ): Promise<boolean> {
         const stateClass = this.stylesheet.cssStates({ [stateName]: param });
         return base.hasClass(stateClass);
     }
     public async getStyleState(
         base: ElementRemoteApi,
-        stateName: string
+        stateName: string,
     ): Promise<string | boolean | null> {
         const className = (await base.attr('class')) || '';
         if (!className.includes(stateName)) {
diff --git a/packages/uni-driver/test/stylable-unidriver-util.spec.ts b/packages/uni-driver/test/stylable-unidriver-util.spec.ts
index 3b8398d761..7eca6a4501 100644
--- a/packages/uni-driver/test/stylable-unidriver-util.spec.ts
+++ b/packages/uni-driver/test/stylable-unidriver-util.spec.ts
@@ -20,5 +20,5 @@ describe(
     contractTest(StylableUnidriverUtil, {
         scopeSelectorTest: false,
         createElement: () => wrapWithMiniUni(minDoc.createElement('div') as any) as any,
-    })
+    }),
 );
diff --git a/packages/uni-driver/test/tsconfig.json b/packages/uni-driver/test/tsconfig.json
index 5738efc24f..58c3843f3d 100644
--- a/packages/uni-driver/test/tsconfig.json
+++ b/packages/uni-driver/test/tsconfig.json
@@ -4,5 +4,9 @@
     "outDir": "../dist/test",
     "types": ["node", "externals", "mocha"]
   },
-  "references": [{ "path": "../../dom-test-kit/src" },{ "path": "../../core-test-kit/src" }, { "path": "../src" }]
+  "references": [
+    { "path": "../../dom-test-kit/src" },
+    { "path": "../../core-test-kit/src" },
+    { "path": "../src" }
+  ]
 }
diff --git a/packages/webpack-extensions/src/compile-as-entry.ts b/packages/webpack-extensions/src/compile-as-entry.ts
index f13c04659e..894e3d4db1 100644
--- a/packages/webpack-extensions/src/compile-as-entry.ts
+++ b/packages/webpack-extensions/src/compile-as-entry.ts
@@ -11,7 +11,7 @@ export function compileAsEntry(
     compilation: Compilation,
     context: string,
     request: string,
-    plugins: WebpackPluginInstance[] = []
+    plugins: WebpackPluginInstance[] = [],
 ): Promise<string> {
     const pluginName = 'compileAsEntry';
     const outputOptions = {
@@ -20,7 +20,7 @@ export function compileAsEntry(
     const childCompiler = compilation.createChildCompiler(
         `${pluginName} ${request}`,
         outputOptions,
-        []
+        [],
     );
 
     new NodeTemplatePlugin(outputOptions).apply(childCompiler);
diff --git a/packages/webpack-extensions/src/component-metadata-builder.ts b/packages/webpack-extensions/src/component-metadata-builder.ts
index f03e995224..417d13341f 100644
--- a/packages/webpack-extensions/src/component-metadata-builder.ts
+++ b/packages/webpack-extensions/src/component-metadata-builder.ts
@@ -32,7 +32,11 @@ export interface ComponentsMetadata {
 
 export class ComponentMetadataBuilder {
     private output: ComponentsMetadata;
-    constructor(public context: string, name: string, version: string) {
+    constructor(
+        public context: string,
+        name: string,
+        version: string,
+    ) {
         this.output = {
             version,
             name,
@@ -59,7 +63,7 @@ export class ComponentMetadataBuilder {
     public addComponent(
         stylesheetPath: string,
         localComponentConfig: LocalComponentConfig,
-        namespace: string
+        namespace: string,
     ) {
         const componentConfig = cloneObject(localComponentConfig) as ComponentConfig;
         const componentDir = dirname(stylesheetPath);
@@ -71,14 +75,14 @@ export class ComponentMetadataBuilder {
             if (componentConfig.presets) {
                 for (const preset of componentConfig.presets) {
                     preset.path = this.localResourcePath(
-                        join(componentDir, variantsPath, preset.path)
+                        join(componentDir, variantsPath, preset.path),
                     );
                 }
             }
         }
         if (!componentConfig.id) {
             throw new Error(
-                `Invalid component config for resource: ${stylesheetPath}. Missing {id}`
+                `Invalid component config for resource: ${stylesheetPath}. Missing {id}`,
             );
         }
         if (this.output.components[componentConfig.id]) {
diff --git a/packages/webpack-extensions/src/create-metadata-stylesheet.ts b/packages/webpack-extensions/src/create-metadata-stylesheet.ts
index faa0218e14..e4a104b95c 100644
--- a/packages/webpack-extensions/src/create-metadata-stylesheet.ts
+++ b/packages/webpack-extensions/src/create-metadata-stylesheet.ts
@@ -8,7 +8,7 @@ export function createMetadataForStylesheet(
     content: string,
     resourcePath: string,
     exposeNamespaceMapping = true,
-    meta = stylable.fileProcessor.processContent(content, resourcePath)
+    meta = stylable.fileProcessor.processContent(content, resourcePath),
 ): Metadata {
     const usedMeta = collectDependenciesDeep(stylable, meta);
 
@@ -28,7 +28,7 @@ export function createMetadataForStylesheet(
 
 function createNamespaceMapping(
     usedMeta: Map<StylableMeta, ResolvedImport[]>,
-    hashes: Map<StylableMeta, string>
+    hashes: Map<StylableMeta, string>,
 ) {
     const namespaceMapping: Record<string, string> = {};
     for (const [meta] of usedMeta) {
@@ -39,7 +39,7 @@ function createNamespaceMapping(
 
 function rewriteImports(
     usedMeta: Map<StylableMeta, ResolvedImport[]>,
-    hashes: Map<StylableMeta, string>
+    hashes: Map<StylableMeta, string>,
 ) {
     const sourcesByHash: Record<string, string> = {};
     for (const [meta, resolvedImports] of usedMeta.entries()) {
@@ -53,21 +53,21 @@ function rewriteImports(
                         'Could not find source node for ' +
                             stImport.rule.toString() +
                             ' at ' +
-                            meta.source
+                            meta.source,
                     );
                 }
                 if (rawRule.type === 'rule') {
                     rawRule.nodes.forEach((decl) => {
                         if (decl.type === 'decl' && decl.prop === `-st-from`) {
                             decl.value = JSON.stringify(
-                                `/${ensureHash(resolved.meta, hashes)}.st.css`
+                                `/${ensureHash(resolved.meta, hashes)}.st.css`,
                             );
                         }
                     });
                 } else if (rawRule.type === 'atrule') {
                     rawRule.params = rawRule.params.replace(
                         stImport.request,
-                        `/${ensureHash(resolved.meta, hashes)}.st.css`
+                        `/${ensureHash(resolved.meta, hashes)}.st.css`,
                     );
                 } else {
                     throw new Error('Unknown import rule ' + rawRule.toString());
@@ -111,7 +111,7 @@ function createContentHashPerMeta(usedMeta: Iterable<StylableMeta>) {
 function collectDependenciesDeep(
     stylable: Stylable,
     meta: StylableMeta,
-    out = new Map<StylableMeta, ResolvedImport[]>()
+    out = new Map<StylableMeta, ResolvedImport[]>(),
 ) {
     if (out.has(meta)) {
         return out;
diff --git a/packages/webpack-extensions/src/stylable-forcestates-plugin.ts b/packages/webpack-extensions/src/stylable-forcestates-plugin.ts
index 3bd66711c4..504f9a59e2 100644
--- a/packages/webpack-extensions/src/stylable-forcestates-plugin.ts
+++ b/packages/webpack-extensions/src/stylable-forcestates-plugin.ts
@@ -14,20 +14,23 @@ export * from './create-forcestate-matchers';
 
 // This transformation is applied on target AST code
 // Not Stylable source AST
-const nativePseudoClassesMap = nativePseudoClasses.reduce((acc, name: string) => {
-    acc[name] = true;
-    return acc;
-}, {} as Record<string, boolean>);
+const nativePseudoClassesMap = nativePseudoClasses.reduce(
+    (acc, name: string) => {
+        acc[name] = true;
+        return acc;
+    },
+    {} as Record<string, boolean>,
+);
 
 export const OVERRIDE_STATE_PREFIX = 'stylable-force-state-';
 
 const { hasOwnProperty } = Object.prototype;
 
 export const MATCH_STATE_CLASS = new RegExp(
-    `^(.+?)${STCustomState.delimiters.booleanStateDelimiter}(.+)`
+    `^(.+?)${STCustomState.delimiters.booleanStateDelimiter}(.+)`,
 );
 export const MATCH_STATE_ATTR = new RegExp(
-    `^class~="(.+?)${STCustomState.delimiters.booleanStateDelimiter}(.+)"`
+    `^class~="(.+?)${STCustomState.delimiters.booleanStateDelimiter}(.+)"`,
 );
 
 export function createDataAttr(dataAttrPrefix: string, stateName: string, param?: string) {
@@ -47,10 +50,13 @@ export function applyStylableForceStateSelectors(
     targetAst: postcss.Root,
     namespaceMapping: Record<string, boolean> | ((namespace: string) => boolean) = {},
     dataPrefix = OVERRIDE_STATE_PREFIX,
-    plugin: (ctx: AddForceStateSelectorsContext) => AddForceStateSelectorsContext = (id) => id
+    plugin: (ctx: AddForceStateSelectorsContext) => AddForceStateSelectorsContext = (id) => id,
 ) {
     const mapping: Record<string, string> = {};
-    addForceStateSelectors(targetAst, createForceStatesContext(dataPrefix, namespaceMapping, mapping, plugin));
+    addForceStateSelectors(
+        targetAst,
+        createForceStatesContext(dataPrefix, namespaceMapping, mapping, plugin),
+    );
     return mapping;
 }
 
@@ -71,10 +77,10 @@ export interface AddForceStateSelectorsContext {
  */
 export function addForceStateSelectors(
     targetAst: postcss.Root,
-    context: AddForceStateSelectorsContext
+    context: AddForceStateSelectorsContext,
 ) {
     targetAst.walkRules((rule) =>
-        mutateWithForceStates(parseCssSelector(rule.selector), context, rule)
+        mutateWithForceStates(parseCssSelector(rule.selector), context, rule),
     );
 }
 /**
@@ -88,7 +94,7 @@ export function createForceStatesContext(
     dataPrefix: string,
     namespaceMapping: Record<string, boolean> | ((namespace: string) => boolean),
     mapping: Record<string, string>,
-    plugin: (ctx: AddForceStateSelectorsContext) => AddForceStateSelectorsContext
+    plugin: (ctx: AddForceStateSelectorsContext) => AddForceStateSelectorsContext,
 ) {
     const isKnownNamespace =
         typeof namespaceMapping === 'function'
@@ -134,7 +140,7 @@ export function createForceStatesContext(
 export function mutateWithForceStates(
     selectorAst: SelectorList,
     context: AddForceStateSelectorsContext,
-    rule?: postcss.Rule
+    rule?: postcss.Rule,
 ) {
     const overrideSelectors: SelectorList = [];
     for (const selector of selectorAst) {
diff --git a/packages/webpack-extensions/src/stylable-html-snapshot.ts b/packages/webpack-extensions/src/stylable-html-snapshot.ts
index 39f5ad01fa..33f032b81d 100644
--- a/packages/webpack-extensions/src/stylable-html-snapshot.ts
+++ b/packages/webpack-extensions/src/stylable-html-snapshot.ts
@@ -47,7 +47,7 @@ export class HTMLSnapshotPlugin {
     private async snapShotStylableModule(
         compilation: Compilation,
         module: Module,
-        getLogicModule: GetLogicModule
+        getLogicModule: GetLogicModule,
     ) {
         const component = getLogicModule(module, compilation.moduleGraph);
         if (!component || !component.context) {
@@ -65,19 +65,19 @@ export class HTMLSnapshotPlugin {
 
         const targetPath = join(this.outDir, basename(component.resource)).replace(
             /\.[^.]+$/,
-            '.snapshot.html'
+            '.snapshot.html',
         );
 
         if (!compilation.assets[targetPath]) {
             compilation.assets[targetPath] = new compilation.compiler.webpack.sources.RawSource(
                 html,
-                false
+                false,
             );
         } else {
             compilation.errors.push(
                 new Error(
-                    `Duplicate component name ${component.resource} target path ${targetPath}`
-                ) as any // TODO: webpack types
+                    `Duplicate component name ${component.resource} target path ${targetPath}`,
+                ) as any, // TODO: webpack types
             );
         }
     }
diff --git a/packages/webpack-extensions/src/stylable-manifest-plugin.ts b/packages/webpack-extensions/src/stylable-manifest-plugin.ts
index 5fa84b3625..b61f2017ad 100644
--- a/packages/webpack-extensions/src/stylable-manifest-plugin.ts
+++ b/packages/webpack-extensions/src/stylable-manifest-plugin.ts
@@ -72,7 +72,7 @@ export class StylableManifestPlugin {
         });
 
         compiler.hooks.done.tap(this.constructor.name + ' stylable.initCache', () =>
-            stylable.initCache()
+            stylable.initCache(),
         );
 
         let metadataList: MetadataList;
@@ -82,7 +82,7 @@ export class StylableManifestPlugin {
             });
 
             compilation.hooks.processAssets.tap(this.constructor.name, () =>
-                this.emitManifest(metadataList, compilation)
+                this.emitManifest(metadataList, compilation),
             );
         });
     }
@@ -96,7 +96,7 @@ export class StylableManifestPlugin {
                 Object.assign(manifest.namespaceMapping, metadata.namespaceMapping);
                 manifest.componentsEntries[compId] = metadata.entry;
                 manifest.componentsIndex += `:import{-st-from: ${JSON.stringify(
-                    metadata.entry
+                    metadata.entry,
                 )};-st-default: ${compId};${
                     cssVars ? `-st-named:${cssVars};` : ``
                 }} .root ${compId}{}${EOL}`;
@@ -109,13 +109,13 @@ export class StylableManifestPlugin {
                 componentsEntries: {},
                 stylesheetMapping: {},
                 namespaceMapping: {},
-            }
+            },
         );
 
         if (this.options.outputType === 'fs-manifest') {
             this.emitJSONAsset(
                 convertToFsMetadata(manifest, this.options.packageAlias),
-                compilation
+                compilation,
             );
         } else {
             this.emitJSONAsset(manifest, compilation);
@@ -128,14 +128,14 @@ export class StylableManifestPlugin {
         const contentHash = hashContent(manifestContent, this.options.contentHashLength);
         compilation.emitAsset(
             this.options.getOutputFileName(contentHash),
-            new compilation.compiler.webpack.sources.RawSource(manifestContent, false)
+            new compilation.compiler.webpack.sources.RawSource(manifestContent, false),
         );
     }
 
     private createModulesMetadata(
         compiler: Compiler,
         stylable: Stylable,
-        modules: Module[]
+        modules: Module[],
     ): MetadataList {
         const stylableComps = modules
             .filter((module) => {
@@ -160,7 +160,7 @@ export class StylableManifestPlugin {
                     source,
                     resource,
                     this.options.exposeNamespaceMapping,
-                    meta
+                    meta,
                 ),
             };
         });
@@ -170,7 +170,7 @@ export class StylableManifestPlugin {
 /* This supports the output of previous version of the metadata plugin */
 const convertToFsMetadata = (
     manifest: Manifest,
-    packages: Record<string, string>
+    packages: Record<string, string>,
 ): ComponentsMetadata => {
     const pkg = { name: manifest.name, version: manifest.version };
 
diff --git a/packages/webpack-extensions/src/stylable-metadata-loader.ts b/packages/webpack-extensions/src/stylable-metadata-loader.ts
index 9ecbfd0266..d0c2e93ccd 100644
--- a/packages/webpack-extensions/src/stylable-metadata-loader.ts
+++ b/packages/webpack-extensions/src/stylable-metadata-loader.ts
@@ -32,7 +32,7 @@ const metadataLoader: LoaderDefinition = function (content) {
         stylable,
         content,
         this.resourcePath,
-        exposeNamespaceMapping
+        exposeNamespaceMapping,
     );
 
     for (const [meta] of usedMeta) {
@@ -44,7 +44,7 @@ const metadataLoader: LoaderDefinition = function (content) {
 
 function createStylable(
     loader: LoaderContext<any>,
-    resolveNamespace: (namespace: string, filePath: string) => string
+    resolveNamespace: (namespace: string, filePath: string) => string,
 ): Stylable {
     if (!loader._compiler) {
         throw new Error('Stylable metadata loader requires a compiler instance');
diff --git a/packages/webpack-extensions/src/stylable-metadata-plugin.ts b/packages/webpack-extensions/src/stylable-metadata-plugin.ts
index 9598785831..b8acdef62e 100644
--- a/packages/webpack-extensions/src/stylable-metadata-plugin.ts
+++ b/packages/webpack-extensions/src/stylable-metadata-plugin.ts
@@ -25,7 +25,7 @@ export interface MetadataOptions {
     renderSnapshot?: (
         moduleExports: any,
         component: any,
-        componentConfig: ComponentConfig
+        componentConfig: ComponentConfig,
     ) => string;
     mode?: 'json' | 'cjs' | 'amd:static' | 'amd:factory';
 }
@@ -44,8 +44,8 @@ export class StylableMetadataPlugin {
             compilation.inputFileSystem as any,
             component.resource.replace(
                 /\.[^.]+$/,
-                this.options.configExtension || '.component.json'
-            )
+                this.options.configExtension || '.component.json',
+            ),
         );
     }
     private loadJSON<T>(fs: { readFileSync(path: string): Buffer }, resource: string): T | null {
@@ -60,13 +60,13 @@ export class StylableMetadataPlugin {
     }
     private async createMetadataAssets(compilation: Compilation) {
         const stylableModules = uniqueFilterMap(compilation.modules, (m) =>
-            isStylableModule(m) ? m : null
+            isStylableModule(m) ? m : null,
         );
 
         const builder = new ComponentMetadataBuilder(
             this.options.context || compilation.compiler.options.context || process.cwd(),
             this.options.name,
-            this.options.version
+            this.options.version,
         );
         const getViewModule = getCSSViewModuleWebpack(compilation.moduleGraph);
         const stylableModulesWithData = getStylableModules(compilation);
@@ -83,7 +83,7 @@ export class StylableMetadataPlugin {
             builder.addSource(
                 resource,
                 (compilation.inputFileSystem as any).readFileSync(resource).toString(),
-                { namespace, depth }
+                { namespace, depth },
             );
 
             const component = getViewModule(module);
@@ -105,7 +105,7 @@ export class StylableMetadataPlugin {
                 compilation,
                 builder,
                 namespace,
-                depth
+                depth,
             );
 
             if (this.options.renderSnapshot) {
@@ -113,7 +113,7 @@ export class StylableMetadataPlugin {
                     compilation,
                     component.context,
                     component.resource,
-                    []
+                    [],
                 );
 
                 const componentModule = exec(source, component.resource, component.context);
@@ -121,7 +121,7 @@ export class StylableMetadataPlugin {
                 const html = this.options.renderSnapshot(
                     componentModule,
                     component,
-                    componentConfig
+                    componentConfig,
                 );
                 builder.addComponentSnapshot(componentConfig.id, html);
             }
@@ -151,7 +151,7 @@ export class StylableMetadataPlugin {
             }.metadata.json${!jsonMode ? '.js' : ''}`;
             compilation.emitAsset(
                 fileName,
-                new compilation.compiler.webpack.sources.RawSource(fileContent, false)
+                new compilation.compiler.webpack.sources.RawSource(fileContent, false),
             );
         }
     }
@@ -162,7 +162,7 @@ export class StylableMetadataPlugin {
         compilation: Compilation,
         builder: ComponentMetadataBuilder,
         namespace: any,
-        depth: any
+        depth: any,
     ) {
         if (componentConfig.variantsPath) {
             const variantsDir = join(componentDir, componentConfig.variantsPath);
@@ -174,11 +174,11 @@ export class StylableMetadataPlugin {
                 variantsDir,
                 '.st.css',
                 new Set(),
-                true
+                true,
             );
             if (errors.length) {
                 throw new Error(
-                    `Error while reading variants for: ${componentConfig.id} in ${variantsDir}\nOriginal Errors:\n${errors}`
+                    `Error while reading variants for: ${componentConfig.id} in ${variantsDir}\nOriginal Errors:\n${errors}`,
                 );
             }
 
@@ -194,12 +194,12 @@ export class StylableMetadataPlugin {
                         .toString();
                 } catch (e) {
                     throw new Error(
-                        `Error while reading variant: ${variantPath}\nOriginal Error:\n${e}`
+                        `Error while reading variant: ${variantPath}\nOriginal Error:\n${e}`,
                     );
                 }
                 if (name.includes('_')) {
                     throw new Error(
-                        `Error variant name or folder cannot contain "_" found in: ${name}`
+                        `Error variant name or folder cannot contain "_" found in: ${name}`,
                     );
                 }
                 builder.addSource(variantPath, content, {
diff --git a/packages/webpack-extensions/test/e2e/fs-manifest.spec.ts b/packages/webpack-extensions/test/e2e/fs-manifest.spec.ts
index 49a625c21c..3265ffe868 100644
--- a/packages/webpack-extensions/test/e2e/fs-manifest.spec.ts
+++ b/packages/webpack-extensions/test/e2e/fs-manifest.spec.ts
@@ -7,7 +7,7 @@ import { getSheetContentAndHash } from './utils';
 
 const project = 'manifest-plugin';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-extensions/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-extensions/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`${project} - fs-manifest`, () => {
@@ -21,7 +21,7 @@ describe(`${project} - fs-manifest`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('Should generate manifest for the current build', () => {
@@ -31,7 +31,7 @@ describe(`${project} - fs-manifest`, () => {
 
         const button = getSheetContentAndHash(join(projectRunner.testDir, 'Button.comp.st.css'));
         const accordion = getSheetContentAndHash(
-            join(projectRunner.testDir, 'Accordion.comp.st.css')
+            join(projectRunner.testDir, 'Accordion.comp.st.css'),
         );
         const common = getSheetContentAndHash(join(projectRunner.testDir, 'common.st.css'));
 
diff --git a/packages/webpack-extensions/test/e2e/html-snapshot-plugin-project.spec.ts b/packages/webpack-extensions/test/e2e/html-snapshot-plugin-project.spec.ts
index 68f02a5fac..273731045c 100644
--- a/packages/webpack-extensions/test/e2e/html-snapshot-plugin-project.spec.ts
+++ b/packages/webpack-extensions/test/e2e/html-snapshot-plugin-project.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'html-snapshot-plugin-project';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-extensions/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-extensions/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`${project}`, () => {
@@ -17,7 +17,7 @@ describe(`${project}`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('contains index snapshot', () => {
diff --git a/packages/webpack-extensions/test/e2e/manifest.css-vars.spec.ts b/packages/webpack-extensions/test/e2e/manifest.css-vars.spec.ts
index 883af5761e..a9b4b9fa70 100644
--- a/packages/webpack-extensions/test/e2e/manifest.css-vars.spec.ts
+++ b/packages/webpack-extensions/test/e2e/manifest.css-vars.spec.ts
@@ -6,7 +6,7 @@ import { getSheetContentAndHash } from './utils';
 
 const project = 'manifest-plugin';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-extensions/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-extensions/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`${project} - manifest (vars)`, () => {
@@ -23,7 +23,7 @@ describe(`${project} - manifest (vars)`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('Should generate manifest for the current build', () => {
@@ -33,7 +33,7 @@ describe(`${project} - manifest (vars)`, () => {
 
         const button = getSheetContentAndHash(join(projectRunner.testDir, 'Button.comp.st.css'));
         const accordion = getSheetContentAndHash(
-            join(projectRunner.testDir, 'Accordion.comp.st.css')
+            join(projectRunner.testDir, 'Accordion.comp.st.css'),
         );
         const common = getSheetContentAndHash(join(projectRunner.testDir, 'common.st.css'));
 
@@ -52,11 +52,11 @@ describe(`${project} - manifest (vars)`, () => {
             stylesheetMapping: {
                 [`/${button.hash}.st.css`]: button.content.replace(
                     './common.st.css',
-                    `/${common.hash}.st.css`
+                    `/${common.hash}.st.css`,
                 ),
                 [`/${accordion.hash}.st.css`]: accordion.content.replace(
                     './common.st.css',
-                    `/${common.hash}.st.css`
+                    `/${common.hash}.st.css`,
                 ),
                 [`/${common.hash}.st.css`]: common.content,
             },
diff --git a/packages/webpack-extensions/test/e2e/manifest.spec.ts b/packages/webpack-extensions/test/e2e/manifest.spec.ts
index 6e60440454..2d1e4f2438 100644
--- a/packages/webpack-extensions/test/e2e/manifest.spec.ts
+++ b/packages/webpack-extensions/test/e2e/manifest.spec.ts
@@ -6,7 +6,7 @@ import { getSheetContentAndHash } from './utils';
 
 const project = 'manifest-plugin';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-extensions/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-extensions/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`${project} - manifest (e2e)`, () => {
@@ -22,7 +22,7 @@ describe(`${project} - manifest (e2e)`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('Should generate manifest for the current build', () => {
@@ -32,7 +32,7 @@ describe(`${project} - manifest (e2e)`, () => {
 
         const button = getSheetContentAndHash(join(projectRunner.testDir, 'Button.comp.st.css'));
         const accordion = getSheetContentAndHash(
-            join(projectRunner.testDir, 'Accordion.comp.st.css')
+            join(projectRunner.testDir, 'Accordion.comp.st.css'),
         );
         const common = getSheetContentAndHash(join(projectRunner.testDir, 'common.st.css'));
 
@@ -51,11 +51,11 @@ describe(`${project} - manifest (e2e)`, () => {
             stylesheetMapping: {
                 [`/${button.hash}.st.css`]: button.content.replace(
                     './common.st.css',
-                    `/${common.hash}.st.css`
+                    `/${common.hash}.st.css`,
                 ),
                 [`/${accordion.hash}.st.css`]: button.content.replace(
                     './common.st.css',
-                    `/${common.hash}.st.css`
+                    `/${common.hash}.st.css`,
                 ),
                 [`/${common.hash}.st.css`]: common.content,
             },
diff --git a/packages/webpack-extensions/test/e2e/metadata-loader-case.spec.ts b/packages/webpack-extensions/test/e2e/metadata-loader-case.spec.ts
index a75dc5998c..4e07962827 100644
--- a/packages/webpack-extensions/test/e2e/metadata-loader-case.spec.ts
+++ b/packages/webpack-extensions/test/e2e/metadata-loader-case.spec.ts
@@ -5,7 +5,7 @@ import { getSheetContentAndHash } from './utils';
 
 const project = 'metadata-loader-case';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-extensions/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-extensions/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -18,7 +18,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('should create metadata for stylesheet entry contains every import as source and map imports to hashes', () => {
diff --git a/packages/webpack-extensions/test/e2e/metadata-plugin-project.spec.ts b/packages/webpack-extensions/test/e2e/metadata-plugin-project.spec.ts
index 1b45d1c84f..cf05173878 100644
--- a/packages/webpack-extensions/test/e2e/metadata-plugin-project.spec.ts
+++ b/packages/webpack-extensions/test/e2e/metadata-plugin-project.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'metadata-plugin-project';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-extensions/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-extensions/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -17,7 +17,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     const expectMetadataJSON = (content: any) => {
@@ -110,12 +110,12 @@ describe(`(${project})`, () => {
             },
             before,
             afterEach,
-            after
+            after,
         );
 
         it('contains metadata file with content hash (length 4)', () => {
             const file = Object.keys(projectRunnerJs.getBuildAssets()).find((fileName) =>
-                fileName.match(/test\.(\w{4})\.metadata\.json/)
+                fileName.match(/test\.(\w{4})\.metadata\.json/),
             );
             const s = projectRunnerJs.getBuildAsset(file!);
             expectMetadataJSON(JSON.parse(s));
@@ -133,7 +133,7 @@ describe(`(${project})`, () => {
             },
             before,
             afterEach,
-            after
+            after,
         );
 
         it('contains metadata as cjs export', () => {
@@ -155,7 +155,7 @@ describe(`(${project})`, () => {
             },
             before,
             afterEach,
-            after
+            after,
         );
 
         it('contains metadata as static amd export', () => {
@@ -177,7 +177,7 @@ describe(`(${project})`, () => {
             },
             before,
             afterEach,
-            after
+            after,
         );
 
         it('contains metadata as factory amd export', () => {
diff --git a/packages/webpack-extensions/test/unit/forcestates-plugin-plugins.spec.ts b/packages/webpack-extensions/test/unit/forcestates-plugin-plugins.spec.ts
index e46a7114a0..6d30fe0723 100644
--- a/packages/webpack-extensions/test/unit/forcestates-plugin-plugins.spec.ts
+++ b/packages/webpack-extensions/test/unit/forcestates-plugin-plugins.spec.ts
@@ -21,7 +21,7 @@ describe('stylable-forcestates plugins', () => {
         }));
 
         expect((ast.nodes[0] as postcss.Rule).selector).to.equal(
-            '.x.my-state:hover,.x[dfs-my-state][dfs-hover]'
+            '.x.my-state:hover,.x[dfs-my-state][dfs-hover]',
         );
     });
 });
diff --git a/packages/webpack-extensions/test/unit/forcestates-plugin.spec.ts b/packages/webpack-extensions/test/unit/forcestates-plugin.spec.ts
index 0e600bceae..aa70a58be8 100644
--- a/packages/webpack-extensions/test/unit/forcestates-plugin.spec.ts
+++ b/packages/webpack-extensions/test/unit/forcestates-plugin.spec.ts
@@ -51,7 +51,7 @@ describe('createForceStateMatchers', () => {
 
     it('should ignore DOMStructurePseudoClasses from states', () => {
         const out = createForceStateMatchers(
-            `.x:${Array.from(DOMLocationBasedPseudoClasses).join(':')}`
+            `.x:${Array.from(DOMLocationBasedPseudoClasses).join(':')}`,
         );
         expect(out).to.eql([
             [
@@ -101,7 +101,7 @@ describe('stylable-forcestates-plugin', () => {
         });
 
         expect((res.meta.targetAst!.nodes[1] as postcss.Rule).selector).to.equal(
-            '.entry__root.entry--myState,.entry__root[stylable-force-state-myState]'
+            '.entry__root.entry--myState,.entry__root[stylable-force-state-myState]',
         );
     });
     it('should mark a boolean state as forced using a data-attribute selector (namespace mapping function)', () => {
@@ -128,7 +128,7 @@ describe('stylable-forcestates-plugin', () => {
         });
 
         expect((res.meta.targetAst!.nodes[1] as postcss.Rule).selector).to.equal(
-            '.entry__root.entry--myState,.entry__root[stylable-force-state-myState]'
+            '.entry__root.entry--myState,.entry__root[stylable-force-state-myState]',
         );
     });
 
@@ -154,7 +154,7 @@ describe('stylable-forcestates-plugin', () => {
         });
 
         expect((res.meta.targetAst!.nodes[1] as postcss.Rule).selector).to.equal(
-            '.entry__root:hover,.entry__root[stylable-force-state-hover]'
+            '.entry__root:hover,.entry__root[stylable-force-state-hover]',
         );
     });
 
@@ -185,8 +185,8 @@ describe('stylable-forcestates-plugin', () => {
             `.entry__root.entry---myState-5-value,.entry__root[${createDataAttr(
                 OVERRIDE_STATE_PREFIX,
                 'myState',
-                'value'
-            )}]`
+                'value',
+            )}]`,
         );
     });
 
@@ -217,8 +217,8 @@ describe('stylable-forcestates-plugin', () => {
             `.entry__root.entry---myState-10-some_value,.entry__root[${createDataAttr(
                 OVERRIDE_STATE_PREFIX,
                 'myState',
-                'some value'
-            )}]`
+                'some value',
+            )}]`,
         );
     });
 });
diff --git a/packages/webpack-plugin/src/legacy-module-resolver.ts b/packages/webpack-plugin/src/legacy-module-resolver.ts
index 7976ea70ae..c29f2af63d 100644
--- a/packages/webpack-plugin/src/legacy-module-resolver.ts
+++ b/packages/webpack-plugin/src/legacy-module-resolver.ts
@@ -9,7 +9,7 @@ function bundleSafeRequireExtensions(): string[] {
         // we use nodeModule here to avoid bundling warnings about require.extensions we always has fallback for browsers
         extensions = Object.keys(
             (nodeModule as typeof nodeModule & { _extensions?: Record<string, unknown> })
-                ._extensions ?? {}
+                ._extensions ?? {},
         );
     } catch {
         extensions = [];
@@ -23,7 +23,7 @@ const resolverContext = {};
  */
 export function createWebpackResolver(
     fileSystem: ResolveOptions['fileSystem'],
-    resolveOptions: Partial<ResolveOptions>
+    resolveOptions: Partial<ResolveOptions>,
 ) {
     const extensions =
         resolveOptions.extensions && resolveOptions.extensions.length
@@ -40,7 +40,7 @@ export function createWebpackResolver(
         const res = eResolver.resolveSync(resolverContext, directoryPath, request);
         if (res === false) {
             throw new Error(
-                `Stylable does not support browser field 'false' values. ${request} resolved to 'false' from ${directoryPath}`
+                `Stylable does not support browser field 'false' values. ${request} resolved to 'false' from ${directoryPath}`,
             );
         }
         return res;
diff --git a/packages/webpack-plugin/src/loader-utils.ts b/packages/webpack-plugin/src/loader-utils.ts
index 759df0dfd2..b9660a500a 100644
--- a/packages/webpack-plugin/src/loader-utils.ts
+++ b/packages/webpack-plugin/src/loader-utils.ts
@@ -26,7 +26,7 @@ export function getImports(
     projectRoot: string,
     assetFilter: (url: string, context: string) => boolean,
     assetsMode: 'url' | 'loader',
-    includeGlobalSideEffects: boolean
+    includeGlobalSideEffects: boolean,
 ) {
     const urls = processUrlDependencies({
         meta,
diff --git a/packages/webpack-plugin/src/loader.ts b/packages/webpack-plugin/src/loader.ts
index 9af8f6ee82..0dff46ad78 100644
--- a/packages/webpack-plugin/src/loader.ts
+++ b/packages/webpack-plugin/src/loader.ts
@@ -5,7 +5,7 @@ import { generateStylableJSModuleSource } from '@stylable/core';
 
 export default function StylableWebpackLoader(this: StylableLoaderContext, source: string) {
     const { meta, exports } = this.stylable.transform(
-        this.stylable.analyze(this.resourcePath, source)
+        this.stylable.analyze(this.resourcePath, source),
     );
 
     const { urls, imports, buildDependencies, unusedImports, cssDepth } = getImports(
@@ -14,7 +14,7 @@ export default function StylableWebpackLoader(this: StylableLoaderContext, sourc
         this.stylable.projectRoot,
         this.assetFilter,
         this.assetsMode,
-        this.includeGlobalSideEffects
+        this.includeGlobalSideEffects,
     );
 
     for (const dep of buildDependencies) {
@@ -58,6 +58,6 @@ export default function StylableWebpackLoader(this: StylableLoaderContext, sourc
                   runtimeId: rt('runtimeId'),
                   id: rt('id'),
               }
-            : undefined
+            : undefined,
     );
 }
diff --git a/packages/webpack-plugin/src/mini-css-support.ts b/packages/webpack-plugin/src/mini-css-support.ts
index 9c4b7d2899..d7e8d2edd6 100644
--- a/packages/webpack-plugin/src/mini-css-support.ts
+++ b/packages/webpack-plugin/src/mini-css-support.ts
@@ -12,15 +12,15 @@ export function injectCssModules(
     compilation: Compilation,
     staticPublicPath: string,
     stylableModules: Map<NormalModule, BuildData | null>,
-    assetsModules: Map<string, NormalModule>
+    assetsModules: Map<string, NormalModule>,
 ) {
     const MiniCssExtractPlugin = compilation.options.plugins.find(
-        (plugin) => plugin?.constructor?.name === 'MiniCssExtractPlugin'
+        (plugin) => plugin?.constructor?.name === 'MiniCssExtractPlugin',
     );
 
     if (!MiniCssExtractPlugin) {
         throw new Error(
-            'StylableWebpackPlugin cannot find "MiniCssExtractPlugin" in the compilation plugin list'
+            'StylableWebpackPlugin cannot find "MiniCssExtractPlugin" in the compilation plugin list',
         );
     }
 
@@ -47,7 +47,7 @@ export function injectCssModules(
                         runtime: 'CSS' /*runtime*/,
                         runtimeTemplate,
                         stylableBuildData: getStylableBuildData(stylableModules, module),
-                    })
+                    }),
                 ),
             });
 
@@ -58,7 +58,7 @@ export function injectCssModules(
                     compilation,
                     compilation.resolverFactory.get('normal'),
                     compilation.compiler.inputFileSystem ?? compilation.inputFileSystem,
-                    () => (syncCheck = true)
+                    () => (syncCheck = true),
                 );
                 if (!syncCheck) {
                     throw new Error('Expect CssModule build to be sync');
@@ -66,7 +66,7 @@ export function injectCssModules(
             } catch (e) {
                 throw new Error(
                     'CssModule build failed inside Stylable integration with Error:\n' +
-                        (e as Error)?.message
+                        (e as Error)?.message,
                 );
             }
 
diff --git a/packages/webpack-plugin/src/plugin-utils.ts b/packages/webpack-plugin/src/plugin-utils.ts
index 42a5f66253..af0a4b4f0f 100644
--- a/packages/webpack-plugin/src/plugin-utils.ts
+++ b/packages/webpack-plugin/src/plugin-utils.ts
@@ -28,7 +28,7 @@ import { ReExt } from './re-ext-plugin';
 export function* uniqueFilterMap<T, O = T>(
     iter: Iterable<T>,
     map = (item: T): O => item as unknown as O,
-    filter = (item: O): item is NonNullable<O> => item !== undefined && item !== null
+    filter = (item: O): item is NonNullable<O> => item !== undefined && item !== null,
 ) {
     const s = new Set();
     for (const item of iter) {
@@ -53,7 +53,7 @@ export function isStylableModule(module: any): module is NormalModule {
 }
 export function isLoadedNativeCSSModule(
     module: any,
-    moduleGraph: ModuleGraph
+    moduleGraph: ModuleGraph,
 ): module is NormalModule {
     return module.resource?.endsWith('.css') && isStylableModule(moduleGraph.getIssuer(module));
 }
@@ -77,10 +77,10 @@ export function getStaticPublicPath(compilation: Compilation) {
 export function replaceCSSAssetPlaceholders(
     { css, urls }: BuildData,
     publicPath: string,
-    getAssetOutputPath: (resourcePath: string, publicPath: string) => string
+    getAssetOutputPath: (resourcePath: string, publicPath: string) => string,
 ) {
     return css.replace(/__stylable_url_asset_(\d+?)__/g, (_match, index) =>
-        getAssetOutputPath(urls[Number(index)], publicPath)
+        getAssetOutputPath(urls[Number(index)], publicPath),
     );
 }
 
@@ -135,13 +135,13 @@ export function replaceMappedCSSAssetPlaceholders({
                 if (assetModule.buildInfo.dataUrl) {
                     // Investigate using the data map from getData currently there is an unknown in term from escaping keeping extractDataUrlFromAssetModuleSource
                     return extractDataUrlFromAssetModuleSource(
-                        assetModuleSource.source().toString()
+                        assetModuleSource.source().toString(),
                     );
                 }
 
                 return publicPath + assetModule.buildInfo.filename;
             }
-        }
+        },
     );
 }
 
@@ -179,7 +179,7 @@ type AssetNormalModule = NormalModule & { loaders: [{ loader: 'file-loader' | 'u
 export function isLoadedWithKnownAssetLoader(module: Module): module is AssetNormalModule {
     if ('loaders' in module) {
         return (module as import('webpack').NormalModule).loaders.some(({ loader }) =>
-            /[\\/](file-loader)|(url-loader)[\\/]/.test(loader)
+            /[\\/](file-loader)|(url-loader)[\\/]/.test(loader),
         );
     }
     return false;
@@ -188,7 +188,7 @@ export function isLoadedWithKnownAssetLoader(module: Module): module is AssetNor
 export function outputOptionsAwareHashContent(
     createHash: WebpackCreateHash,
     outputOptions: WebpackOutputOptions,
-    content: string
+    content: string,
 ) {
     const hash = createHash(outputOptions.hashFunction || 'md4');
     if (outputOptions.hashSalt) {
@@ -268,7 +268,7 @@ export function staticCSSWith(
     moduleGraph: ModuleGraph,
     runtime: string,
     runtimeTemplate: RuntimeTemplate,
-    dependencyTemplates: DependencyTemplates
+    dependencyTemplates: DependencyTemplates,
 ) {
     return (stylableModules: Map<Module, BuildData | null>) =>
         createStaticCSS(
@@ -279,7 +279,7 @@ export function staticCSSWith(
             moduleGraph,
             runtime,
             runtimeTemplate,
-            dependencyTemplates
+            dependencyTemplates,
         );
 }
 
@@ -291,7 +291,7 @@ export function createStaticCSS(
     moduleGraph: ModuleGraph,
     runtime: string,
     runtimeTemplate: RuntimeTemplate,
-    dependencyTemplates: DependencyTemplates
+    dependencyTemplates: DependencyTemplates,
 ) {
     const cssChunks = Array.from(stylableModules.keys())
         .filter((m) => getStylableBuildMeta(m).isUsed !== false)
@@ -330,7 +330,7 @@ export function getStylableBuildMeta(module: Module): StylableBuildMeta {
 
 export function getStylableBuildData(
     stylableModules: Map<Module, BuildData | null>,
-    module: Module
+    module: Module,
 ): BuildData {
     const data = stylableModules.get(module);
     if (!data) {
@@ -342,14 +342,14 @@ export function getStylableBuildData(
 export function findIfStylableModuleUsed(
     m: Module,
     compilation: Compilation,
-    UnusedDependency: typeof dependencies.HarmonyImportDependency
+    UnusedDependency: typeof dependencies.HarmonyImportDependency,
 ) {
     const moduleGraph = compilation.moduleGraph;
     const chunkGraph = compilation.chunkGraph;
     const inConnections = uniqueFilterMap(
         moduleGraph.getIncomingConnections(m),
         ({ resolvedOriginModule, dependency }) =>
-            dependency instanceof UnusedDependency ? undefined : resolvedOriginModule
+            dependency instanceof UnusedDependency ? undefined : resolvedOriginModule,
     );
 
     // TODO: check if we can optimize by checking if a module contained in at least one chunk.
@@ -415,7 +415,7 @@ export function getSortedModules(stylableModules: Map<NormalModule, BuildData |
 export function reportNamespaceCollision(
     namespaceToFileMapping: Map<string, Set<NormalModule>>,
     compilation: Compilation,
-    mode: 'ignore' | 'warnings' | 'errors'
+    mode: 'ignore' | 'warnings' | 'errors',
 ) {
     if (mode === 'ignore') {
         return;
@@ -428,8 +428,8 @@ export function reportNamespaceCollision(
 
             const error = new compilation.compiler.webpack.WebpackError(
                 `Duplicate namespace ${JSON.stringify(
-                    namespace
-                )} found in multiple different resources:\n${resourcesReport}\nThis issue indicates multiple versions of the same library in the compilation, or different paths importing the same stylesheet like: "esm" or "cjs".`
+                    namespace,
+                )} found in multiple different resources:\n${resourcesReport}\nThis issue indicates multiple versions of the same library in the compilation, or different paths importing the same stylesheet like: "esm" or "cjs".`,
             );
             error.hideStack = true;
             compilation[mode].push(error);
@@ -449,7 +449,7 @@ export function normalizeNamespaceCollisionOption(opt?: boolean | 'warn') {
 
 function getModuleRequestPath(
     module: NormalModule,
-    { requestShortener, moduleGraph }: Compilation
+    { requestShortener, moduleGraph }: Compilation,
 ) {
     const visited = new Set<Module>();
     const path = [];
@@ -475,7 +475,7 @@ export interface OptimizationMapping {
 
 export function createOptimizationMapping(
     sortedModules: NormalModule[],
-    optimizer: IStylableOptimizer
+    optimizer: IStylableOptimizer,
 ): OptimizationMapping {
     return sortedModules.reduce<OptimizationMapping>(
         (acc, module) => {
@@ -500,7 +500,7 @@ export function createOptimizationMapping(
             usageMapping: {},
             namespaceMapping: {},
             potentialNamespaceCollision: new Map<string, Set<NormalModule>>(),
-        }
+        },
     );
 }
 
@@ -519,7 +519,7 @@ export function createCalcDepthContext(moduleGraph: ModuleGraph): CalcDepthConte
         getImporters: (module) =>
             uniqueFilterMap(
                 moduleGraph.getIncomingConnections(module),
-                ({ originModule }) => originModule
+                ({ originModule }) => originModule,
             ),
         getModulePathNoExt: (module) => {
             if (isStylableModule(module)) {
@@ -541,13 +541,13 @@ export function getCSSViewModuleWebpack(moduleGraph: ModuleGraph) {
  */
 export function provideStylableModules(
     compilation: Compilation,
-    stylableModules: Map<NormalModule, BuildData | null>
+    stylableModules: Map<NormalModule, BuildData | null>,
 ) {
     (compilation as any)[Symbol.for('stylableModules')] = stylableModules;
 }
 
 export function getStylableModules(
-    compilation: Compilation
+    compilation: Compilation,
 ): Map<NormalModule, BuildData | null> | undefined {
     return (compilation as any)[Symbol.for('stylableModules')];
 }
@@ -563,12 +563,12 @@ export function emitCSSFile(
     cssSource: string,
     filenameTemplate: string,
     createHash: WebpackCreateHash,
-    chunk?: Chunk
+    chunk?: Chunk,
 ) {
     const contentHash = outputOptionsAwareHashContent(
         createHash,
         compilation.runtimeTemplate.outputOptions,
-        cssSource
+        cssSource,
     );
 
     const filename = getFileName(filenameTemplate, {
@@ -579,7 +579,7 @@ export function emitCSSFile(
 
     compilation.emitAsset(
         filename,
-        new compilation.compiler.webpack.sources.RawSource(cssSource, false)
+        new compilation.compiler.webpack.sources.RawSource(cssSource, false),
     );
 
     return filename;
@@ -588,7 +588,7 @@ export function emitCSSFile(
 export function getEntryPointModules(
     entryPoint: EntryPoint,
     chunkGraph: ChunkGraph,
-    onModule: (module: Module) => void
+    onModule: (module: Module) => void,
 ) {
     for (const chunk of entryPoint.getEntrypointChunk().getAllReferencedChunks()) {
         for (const module of chunkGraph.getChunkModulesIterable(chunk)) {
diff --git a/packages/webpack-plugin/src/plugin.ts b/packages/webpack-plugin/src/plugin.ts
index 56f908a350..7611530746 100644
--- a/packages/webpack-plugin/src/plugin.ts
+++ b/packages/webpack-plugin/src/plugin.ts
@@ -165,7 +165,7 @@ const defaultOptimizations = (isProd: boolean): Required<OptimizeOptions> => ({
 
 const defaultOptions = (
     userOptions: StylableWebpackPluginOptions,
-    isProd: boolean
+    isProd: boolean,
 ): Required<StylableWebpackPluginOptions> => ({
     filename: userOptions.filename ?? 'stylable.css',
     cssInjection: userOptions.cssInjection ?? (isProd ? 'css' : 'js'),
@@ -197,7 +197,7 @@ export class StylableWebpackPlugin {
 
     constructor(
         private userOptions: StylableWebpackPluginOptions = {},
-        private injectConfigHooks = true
+        private injectConfigHooks = true,
     ) {}
     apply(compiler: Compiler) {
         /**
@@ -232,7 +232,7 @@ export class StylableWebpackPlugin {
                     ...(compiler.modifiedFiles ?? []),
                     ...(compiler.removedFiles ?? []),
                 ]);
-            }
+            },
         );
 
         compiler.hooks.thisCompilation.tap(StylableWebpackPlugin.name, (compilation) => {
@@ -257,7 +257,7 @@ export class StylableWebpackPlugin {
                         emitWarning: (w) => logger.warn(w),
                     },
                     this.options.diagnosticsMode,
-                    true
+                    true,
                 );
             }
         });
@@ -282,7 +282,7 @@ export class StylableWebpackPlugin {
                     compiler.webpack,
                     compilation,
                     stylableModules,
-                    assetsModules
+                    assetsModules,
                 );
 
                 /**
@@ -294,7 +294,7 @@ export class StylableWebpackPlugin {
                     staticPublicPath,
                     stylableModules,
                     assetsModules,
-                    this.options.experimentalAttachCssToContainingChunks
+                    this.options.experimentalAttachCssToContainingChunks,
                 );
 
                 /**
@@ -305,9 +305,9 @@ export class StylableWebpackPlugin {
                     normalModuleFactory,
                     staticPublicPath,
                     stylableModules,
-                    assetsModules
+                    assetsModules,
                 );
-            }
+            },
         );
     }
     private processOptions(compiler: Compiler) {
@@ -326,7 +326,7 @@ export class StylableWebpackPlugin {
         const configuration = resolveStcConfig(
             compiler.context,
             getTopLevelInputFilesystem(compiler),
-            typeof this.options.stcConfig === 'string' ? this.options.stcConfig : undefined
+            typeof this.options.stcConfig === 'string' ? this.options.stcConfig : undefined,
         );
 
         return configuration;
@@ -396,15 +396,15 @@ export class StylableWebpackPlugin {
                      */
                     ...stylableConfig?.defaultConfig,
                 },
-                compiler
-            )
+                compiler,
+            ),
         );
     }
     private modulesIntegration(
         webpack: Compiler['webpack'],
         compilation: Compilation,
         stylableModules: Map<NormalModule, BuildData | null>,
-        assetsModules: Map<string, NormalModule>
+        assetsModules: Map<string, NormalModule>,
     ) {
         const { moduleGraph } = compilation;
 
@@ -440,7 +440,7 @@ export class StylableWebpackPlugin {
                          */
                         for (const resolvedAbsPath of stylableBuildMeta.unusedImports) {
                             module.addDependency(
-                                new this.entities.UnusedDependency(resolvedAbsPath, 0)
+                                new this.entities.UnusedDependency(resolvedAbsPath, 0),
                             );
                         }
 
@@ -450,7 +450,7 @@ export class StylableWebpackPlugin {
                         if (this.options.assetsMode === 'url') {
                             for (const resourcePath of stylableBuildMeta.urls) {
                                 module.addDependency(
-                                    new this.entities.CSSURLDependency(resourcePath)
+                                    new this.entities.CSSURLDependency(resourcePath),
                                 );
                             }
                         }
@@ -458,7 +458,7 @@ export class StylableWebpackPlugin {
                          * This dependency is responsible for injecting the runtime to the main chunk and each module
                          */
                         module.addDependency(
-                            new this.entities.StylableRuntimeDependency(stylableBuildMeta)
+                            new this.entities.StylableRuntimeDependency(stylableBuildMeta),
                         );
 
                         /**
@@ -489,13 +489,13 @@ export class StylableWebpackPlugin {
                                     sourceFilePath,
                                     loaderContext,
                                     this.options.diagnosticsMode,
-                                    true
+                                    true,
                                 );
                             }
                         }
                     };
                 }
-            }
+            },
         );
 
         /**
@@ -559,7 +559,7 @@ export class StylableWebpackPlugin {
                 stylableBuildMeta.isUsed = findIfStylableModuleUsed(
                     module,
                     compilation,
-                    this.entities.UnusedDependency
+                    this.entities.UnusedDependency,
                 );
                 /** legacy flow */
 
@@ -586,7 +586,7 @@ export class StylableWebpackPlugin {
             const sortedModules = sortModulesByDepth(
                 Array.from(stylableModules.keys()),
                 (m) => getStylableBuildMeta(m).depth,
-                (m) => m.resource
+                (m) => m.resource,
             );
 
             const { usageMapping, namespaceMapping, potentialNamespaceCollision } =
@@ -596,8 +596,8 @@ export class StylableWebpackPlugin {
                 potentialNamespaceCollision,
                 compilation,
                 normalizeNamespaceCollisionOption(
-                    this.options.unsafeMuteDiagnostics.DUPLICATE_MODULE_NAMESPACE
-                )
+                    this.options.unsafeMuteDiagnostics.DUPLICATE_MODULE_NAMESPACE,
+                ),
             );
 
             for (const module of sortedModules) {
@@ -614,7 +614,7 @@ export class StylableWebpackPlugin {
                             ast,
                             usageMapping,
                             buildData.exports,
-                            globals
+                            globals,
                         );
 
                         cssOutput = ast.toString();
@@ -640,7 +640,7 @@ export class StylableWebpackPlugin {
         staticPublicPath: string,
         stylableModules: Map<NormalModule, BuildData | null>,
         assetsModules: Map<string, NormalModule>,
-        experimentalAttachCssToContainingChunks: boolean
+        experimentalAttachCssToContainingChunks: boolean,
     ) {
         /**
          * As a work around unknown behavior
@@ -655,7 +655,7 @@ export class StylableWebpackPlugin {
                     compilation.moduleGraph,
                     'CSS' /*runtime*/,
                     compilation.runtimeTemplate,
-                    compilation.dependencyTemplates
+                    compilation.dependencyTemplates,
                 );
 
                 if (this.options.extractMode === 'entries') {
@@ -695,11 +695,11 @@ export class StylableWebpackPlugin {
                                         createStaticCSS(modules).join('\n'),
                                         this.options.filename,
                                         webpack.util.createHash,
-                                        entryChunk
-                                    )
+                                        entryChunk,
+                                    ),
                                 );
                             }
-                        }
+                        },
                     );
                 } else if (this.options.extractMode === 'single') {
                     compilation.hooks.processAssets.tap(
@@ -718,7 +718,7 @@ export class StylableWebpackPlugin {
                                 cssSource,
                                 this.options.filename,
                                 webpack.util.createHash,
-                                chunk
+                                chunk,
                             );
 
                             if (!experimentalAttachCssToContainingChunks) {
@@ -738,7 +738,7 @@ export class StylableWebpackPlugin {
                                     }
                                 }
                             }
-                        }
+                        },
                     );
                 }
             } else if (this.options.cssInjection === 'mini-css') {
@@ -747,7 +747,7 @@ export class StylableWebpackPlugin {
                     compilation,
                     staticPublicPath,
                     stylableModules,
-                    assetsModules
+                    assetsModules,
                 );
             }
         }
@@ -757,7 +757,7 @@ export class StylableWebpackPlugin {
         normalModuleFactory: NormalModuleFactory,
         staticPublicPath: string,
         stylableModules: Map<NormalModule, BuildData | null>,
-        assetsModules: Map<string, NormalModule>
+        assetsModules: Map<string, NormalModule>,
     ) {
         const {
             StylableRuntimeDependency,
@@ -776,8 +776,8 @@ export class StylableWebpackPlugin {
                 assetsModules,
                 this.options.runtimeStylesheetId,
                 this.options.runtimeId,
-                this.options.cssInjection
-            )
+                this.options.cssInjection,
+            ),
         );
         dependencyFactories.set(CSSURLDependency, normalModuleFactory);
         dependencyTemplates.set(CSSURLDependency, new NoopTemplate());
@@ -795,7 +795,7 @@ function isWebpackConfigProcessor(config: any): config is {
     webpackPlugin: (
         options: Required<StylableWebpackPluginOptions>,
         compiler: Compiler,
-        fs: unknown
+        fs: unknown,
     ) => Required<StylableWebpackPluginOptions>;
 } {
     return typeof config === 'object' && typeof config.webpackPlugin === 'function';
diff --git a/packages/webpack-plugin/src/re-ext-plugin.ts b/packages/webpack-plugin/src/re-ext-plugin.ts
index 0f66f8b45f..68017fff7e 100644
--- a/packages/webpack-plugin/src/re-ext-plugin.ts
+++ b/packages/webpack-plugin/src/re-ext-plugin.ts
@@ -3,7 +3,10 @@ import type { ResolveRequest } from 'enhanced-resolve';
 
 export class ReExt {
     private newExt: string[];
-    constructor(private matchExtRegExp: RegExp, newExt: string | string[]) {
+    constructor(
+        private matchExtRegExp: RegExp,
+        newExt: string | string[],
+    ) {
         this.newExt = Array.isArray(newExt) ? newExt : [newExt];
     }
     apply(resolver: Resolver) {
@@ -45,7 +48,7 @@ export class ReExt {
                         resolveContext,
                         (err, resolved) => {
                             err ? res(undefined) : res(resolved);
-                        }
+                        },
                     );
                 });
             }
diff --git a/packages/webpack-plugin/src/webpack-config-stylable-excludes.ts b/packages/webpack-plugin/src/webpack-config-stylable-excludes.ts
index 657f3a13fb..93bfa23f6c 100644
--- a/packages/webpack-plugin/src/webpack-config-stylable-excludes.ts
+++ b/packages/webpack-plugin/src/webpack-config-stylable-excludes.ts
@@ -36,7 +36,7 @@ function safelyWalkJSON(
     obj: Record<string, any>,
     visitor: (key: string, value: any, path: string[]) => void | boolean,
     path: string[] = [],
-    visited = new Set()
+    visited = new Set(),
 ) {
     for (const key in obj) {
         const currentPath = [...path, key];
@@ -83,7 +83,7 @@ export function bundleServerLibs(config: Configuration, packages: string[], isSe
         if (hasError) {
             throw new Error(
                 'Invalid configuration: expected config.externals to be an Array with a single function. got ' +
-                    JSON.stringify(config.externals)
+                    JSON.stringify(config.externals),
             );
         }
     }
diff --git a/packages/webpack-plugin/src/webpack-entities.ts b/packages/webpack-plugin/src/webpack-entities.ts
index 6016b87570..1598fb7b07 100644
--- a/packages/webpack-plugin/src/webpack-entities.ts
+++ b/packages/webpack-plugin/src/webpack-entities.ts
@@ -31,7 +31,7 @@ export interface DependencyTemplateContext {
     dependencyTemplates: DependencyTemplates;
 }
 
-type DependencyTemplate = InstanceType<typeof dependencies.ModuleDependency['Template']>;
+type DependencyTemplate = InstanceType<(typeof dependencies.ModuleDependency)['Template']>;
 
 interface InjectDependencyTemplate {
     new (
@@ -40,7 +40,7 @@ interface InjectDependencyTemplate {
         assetsModules: Map<string, NormalModule>,
         runtimeStylesheetId: 'namespace' | 'module',
         runtimeId: string,
-        cssInjection: 'js' | 'css' | 'mini-css' | 'none'
+        cssInjection: 'js' | 'css' | 'mini-css' | 'none',
     ): DependencyTemplate;
 }
 
@@ -113,7 +113,7 @@ export function getWebpackEntities(webpack: Compiler['webpack']): StylableWebpac
             private assetsModules: Map<string, NormalModule>,
             private runtimeStylesheetId: 'namespace' | 'module',
             private runtimeId: string,
-            private cssInjection: 'js' | 'css' | 'mini-css' | 'none'
+            private cssInjection: 'js' | 'css' | 'mini-css' | 'none',
         ) {}
         apply(
             _dependency: StylableRuntimeDependency,
@@ -125,7 +125,7 @@ export function getWebpackEntities(webpack: Compiler['webpack']): StylableWebpac
                 runtime,
                 chunkGraph,
                 dependencyTemplates,
-            }: DependencyTemplateContext
+            }: DependencyTemplateContext,
         ) {
             const stylableBuildData = getStylableBuildData(this.stylableModules, module);
             if (!stylableBuildData.isUsed) {
@@ -146,14 +146,14 @@ export function getWebpackEntities(webpack: Compiler['webpack']): StylableWebpac
 
                 if (!(module instanceof NormalModule)) {
                     throw new Error(
-                        `InjectDependencyTemplate should only be used on stylable modules was found on ${module.identifier()}`
+                        `InjectDependencyTemplate should only be used on stylable modules was found on ${module.identifier()}`,
                     );
                 }
 
                 const id =
                     this.runtimeStylesheetId === 'module'
                         ? JSON.stringify(
-                              runtimeTemplate.requestShortener.contextify(module.resource)
+                              runtimeTemplate.requestShortener.contextify(module.resource),
                           )
                         : JSON.stringify(namespace);
 
@@ -176,11 +176,15 @@ export function getWebpackEntities(webpack: Compiler['webpack']): StylableWebpac
     registerSerialization(
         webpack,
         StylableRuntimeDependency,
-        (ctx) => [ctx.read()] as [StylableBuildMeta]
+        (ctx) => [ctx.read()] as [StylableBuildMeta],
     );
 
     /* The request is empty for both dependencies and it will be overridden by the de-serialization process */
-    registerSerialization(webpack, UnusedDependency, () => ['', 0 , undefined] as ['', 0 , undefined]);
+    registerSerialization(
+        webpack,
+        UnusedDependency,
+        () => ['', 0, undefined] as ['', 0, undefined],
+    );
     registerSerialization(webpack, CSSURLDependency, () => [''] as [string]);
 
     entities = {
@@ -200,9 +204,9 @@ export function getWebpackEntities(webpack: Compiler['webpack']): StylableWebpac
 function replacePlaceholder(
     source: sources.ReplaceSource,
     replacementPoint: string,
-    value: string
+    value: string,
 ) {
-    // we calculate the replacement from the original source. this way order does not matter 
+    // we calculate the replacement from the original source. this way order does not matter
     const t: any = source.original();
     const t1 = t.source ? t.source() : String(t);
     const i = t1.indexOf(replacementPoint);
@@ -223,7 +227,7 @@ type Serializable = {
 function registerSerialization<T extends Serializable>(
     webpack: Compiler['webpack'],
     Type: T,
-    getArgs: (context: SerializationContext) => ConstructorParameters<T>
+    getArgs: (context: SerializationContext) => ConstructorParameters<T>,
 ) {
     webpack.util.serialization.register(Type, __filename, Type.name, {
         serialize(instance: InstanceType<T>, context: SerializationContext) {
diff --git a/packages/webpack-plugin/test/e2e/3rd-party-standalone.spec.ts b/packages/webpack-plugin/test/e2e/3rd-party-standalone.spec.ts
index e750cc6008..79f884a58d 100644
--- a/packages/webpack-plugin/test/e2e/3rd-party-standalone.spec.ts
+++ b/packages/webpack-plugin/test/e2e/3rd-party-standalone.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = '3rd-party-standalone';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -17,7 +17,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('renders css', async () => {
diff --git a/packages/webpack-plugin/test/e2e/3rd-party.spec.ts b/packages/webpack-plugin/test/e2e/3rd-party.spec.ts
index f70f6796a0..7e1a240daa 100644
--- a/packages/webpack-plugin/test/e2e/3rd-party.spec.ts
+++ b/packages/webpack-plugin/test/e2e/3rd-party.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = '3rd-party';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -17,7 +17,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('renders css', async () => {
diff --git a/packages/webpack-plugin/test/e2e/4th-party-project.spec.ts b/packages/webpack-plugin/test/e2e/4th-party-project.spec.ts
index 44cde1f7f7..68b636d5a1 100644
--- a/packages/webpack-plugin/test/e2e/4th-party-project.spec.ts
+++ b/packages/webpack-plugin/test/e2e/4th-party-project.spec.ts
@@ -3,7 +3,7 @@ import { dirname } from 'path';
 
 const project = '4th-party-project';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -17,7 +17,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('renders css', async () => {
diff --git a/packages/webpack-plugin/test/e2e/assets-filter.spec.ts b/packages/webpack-plugin/test/e2e/assets-filter.spec.ts
index 82bbe82bd9..f07d7894e3 100644
--- a/packages/webpack-plugin/test/e2e/assets-filter.spec.ts
+++ b/packages/webpack-plugin/test/e2e/assets-filter.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'assets-filter';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -17,7 +17,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('renders css', () => {
diff --git a/packages/webpack-plugin/test/e2e/autoprefixer-project.spec.ts b/packages/webpack-plugin/test/e2e/autoprefixer-project.spec.ts
index 437a6557cc..8d1405a96d 100644
--- a/packages/webpack-plugin/test/e2e/autoprefixer-project.spec.ts
+++ b/packages/webpack-plugin/test/e2e/autoprefixer-project.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'autoprefixer-project';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -17,7 +17,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('renders css', async () => {
diff --git a/packages/webpack-plugin/test/e2e/bad-project.spec.ts b/packages/webpack-plugin/test/e2e/bad-project.spec.ts
index 7996cae9de..22a4e15266 100644
--- a/packages/webpack-plugin/test/e2e/bad-project.spec.ts
+++ b/packages/webpack-plugin/test/e2e/bad-project.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'bad-project';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -18,7 +18,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('reports warnings', () => {
diff --git a/packages/webpack-plugin/test/e2e/browser-field.spec.ts b/packages/webpack-plugin/test/e2e/browser-field.spec.ts
index e5d74d8436..b79575a0c3 100644
--- a/packages/webpack-plugin/test/e2e/browser-field.spec.ts
+++ b/packages/webpack-plugin/test/e2e/browser-field.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'browser-field';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -17,7 +17,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('renders esm button with override', async () => {
diff --git a/packages/webpack-plugin/test/e2e/deep-js.spec.ts b/packages/webpack-plugin/test/e2e/deep-js.spec.ts
index 752b324a10..320d858d05 100644
--- a/packages/webpack-plugin/test/e2e/deep-js.spec.ts
+++ b/packages/webpack-plugin/test/e2e/deep-js.spec.ts
@@ -5,7 +5,7 @@ import { dirname, join } from 'path';
 
 const project = 'deep-js';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -20,7 +20,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('deep invalidation from javascript file', async () => {
@@ -34,20 +34,20 @@ describe(`(${project})`, () => {
             () =>
                 promises.writeFile(
                     join(projectRunner.testDir, 'src', 'mixin.js'),
-                    `module.exports = () => ({ color: 'green' });`
+                    `module.exports = () => ({ color: 'green' });`,
                 ),
             (waitFor) =>
                 waitFor(
                     async () => {
                         await page.reload();
                         const updatedColor = await page.evaluate(
-                            () => (window as any).backgroundColorAtLoadTime
+                            () => (window as any).backgroundColorAtLoadTime,
                         );
 
                         expect(updatedColor).to.eql('rgb(0, 128, 0)');
                     },
-                    { timeout: 10_000 }
-                )
+                    { timeout: 10_000 },
+                ),
         );
     });
 });
diff --git a/packages/webpack-plugin/test/e2e/dev-mode-warnings-project.spec.ts b/packages/webpack-plugin/test/e2e/dev-mode-warnings-project.spec.ts
index 0e05c33902..cc561e3557 100644
--- a/packages/webpack-plugin/test/e2e/dev-mode-warnings-project.spec.ts
+++ b/packages/webpack-plugin/test/e2e/dev-mode-warnings-project.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'dev-mode-warnings-project';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -17,7 +17,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('css is working', async () => {
@@ -33,7 +33,7 @@ describe(`(${project})`, () => {
         const notErrorValues = await page.evaluate(() => {
             const computedStyle = getComputedStyle(
                 document.body.querySelector('[data-not-direct]')!,
-                '::before'
+                '::before',
             );
             return {
                 content: computedStyle.content,
@@ -45,7 +45,7 @@ describe(`(${project})`, () => {
         expect(values.color).to.eql('rgb(255, 0, 0)');
 
         expect(values.content).to.match(
-            /"class extending component '\.root => \.comp\d+__root' in stylesheet 'comp\.st\.css' was set on a node that does not extend '\.root => \.other\d+__root' from stylesheet 'other\.st\.css'"/
+            /"class extending component '\.root => \.comp\d+__root' in stylesheet 'comp\.st\.css' was set on a node that does not extend '\.root => \.other\d+__root' from stylesheet 'other\.st\.css'"/,
         );
     });
 });
diff --git a/packages/webpack-plugin/test/e2e/dual-mode-esm.spec.ts b/packages/webpack-plugin/test/e2e/dual-mode-esm.spec.ts
index 6fc268c723..112cb6a915 100644
--- a/packages/webpack-plugin/test/e2e/dual-mode-esm.spec.ts
+++ b/packages/webpack-plugin/test/e2e/dual-mode-esm.spec.ts
@@ -6,7 +6,7 @@ const { getStyleElementsMetadata } = browserFunctions;
 
 const project = 'dual-mode-esm';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -21,7 +21,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('output same styles depth with both integrations', async () => {
diff --git a/packages/webpack-plugin/test/e2e/duplicate-namespace-perserve-modules.spec.ts b/packages/webpack-plugin/test/e2e/duplicate-namespace-perserve-modules.spec.ts
index 082e26b96f..05c0eb1d5e 100644
--- a/packages/webpack-plugin/test/e2e/duplicate-namespace-perserve-modules.spec.ts
+++ b/packages/webpack-plugin/test/e2e/duplicate-namespace-perserve-modules.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'duplicate-namespace-perserve-modules';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -20,7 +20,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('renders css', async () => {
diff --git a/packages/webpack-plugin/test/e2e/duplicate-namespace-warning.spec.ts b/packages/webpack-plugin/test/e2e/duplicate-namespace-warning.spec.ts
index 1d9eb62e38..02f3ef05f8 100644
--- a/packages/webpack-plugin/test/e2e/duplicate-namespace-warning.spec.ts
+++ b/packages/webpack-plugin/test/e2e/duplicate-namespace-warning.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'duplicate-namespace-warning';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -18,7 +18,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('should report detailed path of duplicate namespaced files (as warning)', () => {
diff --git a/packages/webpack-plugin/test/e2e/duplicate-namespace.spec.ts b/packages/webpack-plugin/test/e2e/duplicate-namespace.spec.ts
index 51a4c21dde..72b6c26de3 100644
--- a/packages/webpack-plugin/test/e2e/duplicate-namespace.spec.ts
+++ b/packages/webpack-plugin/test/e2e/duplicate-namespace.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'duplicate-namespace';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -18,7 +18,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('should report detailed path of duplicate namespaced files', () => {
diff --git a/packages/webpack-plugin/test/e2e/dynamic-bug.spec.ts b/packages/webpack-plugin/test/e2e/dynamic-bug.spec.ts
index 627ace445d..4cb9091037 100644
--- a/packages/webpack-plugin/test/e2e/dynamic-bug.spec.ts
+++ b/packages/webpack-plugin/test/e2e/dynamic-bug.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'dynamic-bug';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -17,23 +17,33 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('split chunks nicely', () => {
         const chunkByName = projectRunner.getChunksModulesNames();
 
         expect(chunkByName.entryA).to.eql(
-            ['test-components/badge.st.css', 'test-components/badge.js', 'src/index-a.js', 'dist/index.mjs'],
-            'entryA'
+            [
+                'test-components/badge.st.css',
+                'test-components/badge.js',
+                'src/index-a.js',
+                'dist/index.mjs',
+            ],
+            'entryA',
         );
         expect(chunkByName.entryB).to.eql(
-            ['test-components/badge.st.css', 'test-components/badge.js', 'src/index-b.js', 'dist/index.mjs'],
-            'entryB'
+            [
+                'test-components/badge.st.css',
+                'test-components/badge.js',
+                'src/index-b.js',
+                'dist/index.mjs',
+            ],
+            'entryB',
         );
         expect(chunkByName.dynamicSplit).to.eql(
             ['test-components/text.st.css', 'test-components/text.js'],
-            'dynamicSplit'
+            'dynamicSplit',
         );
     });
 });
diff --git a/packages/webpack-plugin/test/e2e/dynamic-chunk-3rd-party-split-project.spec.ts b/packages/webpack-plugin/test/e2e/dynamic-chunk-3rd-party-split-project.spec.ts
index 6b2a20fda7..56b2799809 100644
--- a/packages/webpack-plugin/test/e2e/dynamic-chunk-3rd-party-split-project.spec.ts
+++ b/packages/webpack-plugin/test/e2e/dynamic-chunk-3rd-party-split-project.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'dynamic-chunk-3rd-party-split-project';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -17,7 +17,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('split chunks nicely', () => {
@@ -30,7 +30,7 @@ describe(`(${project})`, () => {
                 'test-components/button.js',
                 'src/button.js',
             ],
-            'Button'
+            'Button',
         );
         expect(chunkByName.Gallery).to.eql(
             [
@@ -39,7 +39,7 @@ describe(`(${project})`, () => {
                 'test-components/label.js',
                 'src/gallery.js',
             ],
-            'Gallery'
+            'Gallery',
         );
         expect(chunkByName.main).to.eql(['src/index.js', 'dist/index.mjs'], 'main');
     });
diff --git a/packages/webpack-plugin/test/e2e/dynamic-chunk-depth-project.spec.ts b/packages/webpack-plugin/test/e2e/dynamic-chunk-depth-project.spec.ts
index 430790a6e9..1368c3324d 100644
--- a/packages/webpack-plugin/test/e2e/dynamic-chunk-depth-project.spec.ts
+++ b/packages/webpack-plugin/test/e2e/dynamic-chunk-depth-project.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'dynamic-chunk-depth-project';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -17,7 +17,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('renders css', async () => {
diff --git a/packages/webpack-plugin/test/e2e/dynamic-chunk-with-stylable-production.spec.ts b/packages/webpack-plugin/test/e2e/dynamic-chunk-with-stylable-production.spec.ts
index ddf9f7f45b..7443baa382 100644
--- a/packages/webpack-plugin/test/e2e/dynamic-chunk-with-stylable-production.spec.ts
+++ b/packages/webpack-plugin/test/e2e/dynamic-chunk-with-stylable-production.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'dynamic-chunk-with-stylable-production';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -18,7 +18,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('css is working', async () => {
diff --git a/packages/webpack-plugin/test/e2e/dynamic-chunk-with-stylable.spec.ts b/packages/webpack-plugin/test/e2e/dynamic-chunk-with-stylable.spec.ts
index f652bf3218..319541870b 100644
--- a/packages/webpack-plugin/test/e2e/dynamic-chunk-with-stylable.spec.ts
+++ b/packages/webpack-plugin/test/e2e/dynamic-chunk-with-stylable.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'dynamic-chunk-with-stylable';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -18,7 +18,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('renders css', async () => {
diff --git a/packages/webpack-plugin/test/e2e/dynamic-split-chunks.spec.ts b/packages/webpack-plugin/test/e2e/dynamic-split-chunks.spec.ts
index 235ffab8e3..cb3be3455a 100644
--- a/packages/webpack-plugin/test/e2e/dynamic-split-chunks.spec.ts
+++ b/packages/webpack-plugin/test/e2e/dynamic-split-chunks.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'dynamic-split-chunks';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -18,13 +18,13 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('should not emit dynamic chunks css', () => {
         const source = projectRunner.getBuildAsset('stylable.css');
         const cssAssets = Object.keys(projectRunner.getBuildAssets()).filter((assetsName) =>
-            assetsName.endsWith('css')
+            assetsName.endsWith('css'),
         );
         expect(typeof source, 'source exist').to.equal('string');
         expect(cssAssets.length, 'only one css emitted').to.equal(1);
diff --git a/packages/webpack-plugin/test/e2e/emit-info-diagnostic.spec.ts b/packages/webpack-plugin/test/e2e/emit-info-diagnostic.spec.ts
index b6491fd5cd..3d8e29b705 100644
--- a/packages/webpack-plugin/test/e2e/emit-info-diagnostic.spec.ts
+++ b/packages/webpack-plugin/test/e2e/emit-info-diagnostic.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'emit-info-diagnostic';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -18,7 +18,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('emit stylable info diagnostic', () => {
diff --git a/packages/webpack-plugin/test/e2e/errors-project.spec.ts b/packages/webpack-plugin/test/e2e/errors-project.spec.ts
index 5b03e4c502..fe46b010d6 100644
--- a/packages/webpack-plugin/test/e2e/errors-project.spec.ts
+++ b/packages/webpack-plugin/test/e2e/errors-project.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'errors-project';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -18,7 +18,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('emit stylable errors/warnings as webpack errors/warnings', () => {
@@ -28,7 +28,7 @@ describe(`(${project})`, () => {
         expect(errors[0]).to.match(/\[error: \d+\]: cannot extend unknown symbol "NotFound"/);
         expect(warnings, 'should only have one warnings').to.have.lengthOf(1);
         expect(warnings[0]).to.match(
-            /\[warning: \d+\]: unscoped type selector "NotFound" will affect all elements of the same type in the document/
+            /\[warning: \d+\]: unscoped type selector "NotFound" will affect all elements of the same type in the document/,
         );
     });
 });
diff --git a/packages/webpack-plugin/test/e2e/global-runtime.spec.ts b/packages/webpack-plugin/test/e2e/global-runtime.spec.ts
index c7c85d0771..4d5a4bf59f 100644
--- a/packages/webpack-plugin/test/e2e/global-runtime.spec.ts
+++ b/packages/webpack-plugin/test/e2e/global-runtime.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'global-runtime';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -17,7 +17,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('renders css', async () => {
diff --git a/packages/webpack-plugin/test/e2e/globals.ts b/packages/webpack-plugin/test/e2e/globals.ts
index 8ad6476288..e2b47d81c4 100644
--- a/packages/webpack-plugin/test/e2e/globals.ts
+++ b/packages/webpack-plugin/test/e2e/globals.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'globals';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -20,7 +20,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('should preserve global classes and custom properties', async () => {
diff --git a/packages/webpack-plugin/test/e2e/hd-cache.spec.ts b/packages/webpack-plugin/test/e2e/hd-cache.spec.ts
index f7d1f6e4ab..cac3d921d3 100644
--- a/packages/webpack-plugin/test/e2e/hd-cache.spec.ts
+++ b/packages/webpack-plugin/test/e2e/hd-cache.spec.ts
@@ -7,7 +7,7 @@ const { writeFile, readFile } = promises;
 
 const project = 'hd-cache';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -22,7 +22,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
     it('renders css', async () => {
         await projectRunner.actAndWaitForRecompile('include box component', async () => {
diff --git a/packages/webpack-plugin/test/e2e/hooked-project.spec.ts b/packages/webpack-plugin/test/e2e/hooked-project.spec.ts
index 281f469290..31eb4fd001 100644
--- a/packages/webpack-plugin/test/e2e/hooked-project.spec.ts
+++ b/packages/webpack-plugin/test/e2e/hooked-project.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'hooked-project';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -17,7 +17,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('renders css', async () => {
@@ -32,7 +32,7 @@ describe(`(${project})`, () => {
         });
 
         expect(styleElements[0].css!.replace(/\s\s*/gm, ' ').trim()).to.match(
-            /\.index\d+__root \{ background-color: hook_var_1; background-color: rgb\(1, 0, 0\); \}/
+            /\.index\d+__root \{ background-color: hook_var_1; background-color: rgb\(1, 0, 0\); \}/,
         );
     });
 
diff --git a/packages/webpack-plugin/test/e2e/inclusion-project.spec.ts b/packages/webpack-plugin/test/e2e/inclusion-project.spec.ts
index e6a211cea8..b3125546b1 100644
--- a/packages/webpack-plugin/test/e2e/inclusion-project.spec.ts
+++ b/packages/webpack-plugin/test/e2e/inclusion-project.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'inclusion-project';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -17,7 +17,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('renders css', async () => {
diff --git a/packages/webpack-plugin/test/e2e/js-exports.spec.ts b/packages/webpack-plugin/test/e2e/js-exports.spec.ts
index 4f83fbfde3..d29c105af5 100644
--- a/packages/webpack-plugin/test/e2e/js-exports.spec.ts
+++ b/packages/webpack-plugin/test/e2e/js-exports.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'js-exports';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -17,7 +17,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('renders css', async () => {
diff --git a/packages/webpack-plugin/test/e2e/library-project.spec.ts b/packages/webpack-plugin/test/e2e/library-project.spec.ts
index 44baac1b19..2b9dcefd09 100644
--- a/packages/webpack-plugin/test/e2e/library-project.spec.ts
+++ b/packages/webpack-plugin/test/e2e/library-project.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'library-project';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -17,7 +17,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('eval bundle exports', () => {
diff --git a/packages/webpack-plugin/test/e2e/mini-css-extract.spec.ts b/packages/webpack-plugin/test/e2e/mini-css-extract.spec.ts
index ce5e429c2e..8a9dcae907 100644
--- a/packages/webpack-plugin/test/e2e/mini-css-extract.spec.ts
+++ b/packages/webpack-plugin/test/e2e/mini-css-extract.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'mini-css-extract';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -17,7 +17,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('renders css', async () => {
diff --git a/packages/webpack-plugin/test/e2e/mixins-project.spec.ts b/packages/webpack-plugin/test/e2e/mixins-project.spec.ts
index 5b938185d1..b3516a1a3e 100644
--- a/packages/webpack-plugin/test/e2e/mixins-project.spec.ts
+++ b/packages/webpack-plugin/test/e2e/mixins-project.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'mixins-project';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -17,7 +17,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('renders css', async () => {
@@ -31,7 +31,7 @@ describe(`(${project})`, () => {
             depth: '1',
         });
         expect(styleElements[0].css!.replace(/\s\s*/gm, ' ').trim()).to.match(
-            /\.index\d+__root \{ arguments: \["1","2"\]; border: 1px solid rgb\(255, 0, 0\); z-index: 9; \}/
+            /\.index\d+__root \{ arguments: \["1","2"\]; border: 1px solid rgb\(255, 0, 0\); z-index: 9; \}/,
         );
     });
 
diff --git a/packages/webpack-plugin/test/e2e/multiple-chunks-split-depend-on.spec.ts b/packages/webpack-plugin/test/e2e/multiple-chunks-split-depend-on.spec.ts
index 68e42d11b4..360b1920f9 100644
--- a/packages/webpack-plugin/test/e2e/multiple-chunks-split-depend-on.spec.ts
+++ b/packages/webpack-plugin/test/e2e/multiple-chunks-split-depend-on.spec.ts
@@ -5,7 +5,7 @@ import type { Page } from 'playwright-core';
 
 const project = 'multiple-chunks-split-depend-on';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -19,7 +19,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('renders css', async () => {
diff --git a/packages/webpack-plugin/test/e2e/multiple-chunks-split.spec.ts b/packages/webpack-plugin/test/e2e/multiple-chunks-split.spec.ts
index 3aa94016b0..0c4561267f 100644
--- a/packages/webpack-plugin/test/e2e/multiple-chunks-split.spec.ts
+++ b/packages/webpack-plugin/test/e2e/multiple-chunks-split.spec.ts
@@ -5,7 +5,7 @@ import type { Page } from 'playwright-core';
 
 const project = 'multiple-chunks-split';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -19,7 +19,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('renders css', async () => {
@@ -37,10 +37,10 @@ describe(`(${project})`, () => {
         expect(await getComputedColor(page, 'Hello From A Dynamic')).to.eql(`rgb(128, 0, 128)`);
         expect(await getComputedColor(page, 'Hello From B Dynamic')).to.eql(`rgb(255, 255, 0)`);
         expect(await getComputedColor(page, 'Hello From A Inner Dynamic')).to.eql(
-            `rgb(165, 42, 42)`
+            `rgb(165, 42, 42)`,
         );
         expect(await getComputedColor(page, 'Hello From B Inner Dynamic')).to.eql(
-            `rgb(127, 255, 212)`
+            `rgb(127, 255, 212)`,
         );
     });
 });
diff --git a/packages/webpack-plugin/test/e2e/namespace-as-style-id.spec.ts b/packages/webpack-plugin/test/e2e/namespace-as-style-id.spec.ts
index 78d6e0c16d..63a392e576 100644
--- a/packages/webpack-plugin/test/e2e/namespace-as-style-id.spec.ts
+++ b/packages/webpack-plugin/test/e2e/namespace-as-style-id.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'namespace-as-style-id';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -17,7 +17,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('css is working', async () => {
diff --git a/packages/webpack-plugin/test/e2e/namespace-generation-project.ts b/packages/webpack-plugin/test/e2e/namespace-generation-project.ts
index a6d4d1716e..639c4a5d72 100644
--- a/packages/webpack-plugin/test/e2e/namespace-generation-project.ts
+++ b/packages/webpack-plugin/test/e2e/namespace-generation-project.ts
@@ -5,7 +5,7 @@ import { dirname } from 'path';
 
 const project = 'namespace-generation-project';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -18,7 +18,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('generates persistent namespace', () => {
@@ -34,12 +34,12 @@ describe(`(${project})`, () => {
         const expectedLocalClassname =
             'index' +
             murmurhash3_32_gc(
-                localPackageName + '@' + localPackageVersion + '/' + 'src/index.st.css'
+                localPackageName + '@' + localPackageVersion + '/' + 'src/index.st.css',
             );
         const expectedImportedClassname =
             'index' +
             murmurhash3_32_gc(
-                externalPackageName + '@' + externalPackageVersion + '/' + 'index.st.css'
+                externalPackageName + '@' + externalPackageVersion + '/' + 'index.st.css',
             );
 
         const source: string = projectRunner.getBuildAsset('main.js');
diff --git a/packages/webpack-plugin/test/e2e/native-css.spec.ts b/packages/webpack-plugin/test/e2e/native-css.spec.ts
index 20293eb67d..f3fd5a0e0d 100644
--- a/packages/webpack-plugin/test/e2e/native-css.spec.ts
+++ b/packages/webpack-plugin/test/e2e/native-css.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'native-css';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -20,7 +20,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('include native CSS imports from local and 3rd party', async () => {
@@ -45,13 +45,13 @@ describe(`(${project})`, () => {
                 libColor: computedStyle.color,
                 customResolveColor: computedStyle.borderColor,
                 customResolveSideEffect: computedStyle.getPropertyValue(
-                    '--custom-resolved-side-effect'
+                    '--custom-resolved-side-effect',
                 ),
             };
         });
         expect(localSideEffect, 'local side effect').to.eql('from local side-effect');
         expect(customResolveSideEffect, 'custom resolve side effect').to.eql(
-            'from custom resolved side-effect'
+            'from custom resolved side-effect',
         );
         expect(libSideEffect, 'lib side effect').to.eql('from lib side-effect');
         expect(libClass, 'lib class').to.eql('from lib class');
@@ -81,7 +81,7 @@ describe(`(${project}) (production)`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('include native CSS imports from local and 3rd party', async () => {
@@ -95,7 +95,7 @@ describe(`(${project}) (production)`, () => {
             };
         });
         expect(nativeClassProp, 'un-optimized native class').to.eql(
-            'from local un-optimized class'
+            'from local un-optimized class',
         );
     });
 });
diff --git a/packages/webpack-plugin/test/e2e/optimizations.spec.ts b/packages/webpack-plugin/test/e2e/optimizations.spec.ts
index 4b31d48aad..0fb42bcac5 100644
--- a/packages/webpack-plugin/test/e2e/optimizations.spec.ts
+++ b/packages/webpack-plugin/test/e2e/optimizations.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'optimizations';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -17,13 +17,13 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('generate minimal optimized css', () => {
         const files = projectRunner.getProjectFiles();
         expect(files['dist/stylable.css']).to.eql(
-            '.global1{background:gray}.global1 .global2{background-color:#e4e4e4}.s0.o0--x{font-family:MyFont}.s1{background:#00f}'
+            '.global1{background:gray}.global1 .global2{background-color:#e4e4e4}.s0.o0--x{font-family:MyFont}.s1{background:#00f}',
         );
     });
 
diff --git a/packages/webpack-plugin/test/e2e/project-with-3rd-party-mixin-assets.spec.ts b/packages/webpack-plugin/test/e2e/project-with-3rd-party-mixin-assets.spec.ts
index 835e9602e0..45129eaf26 100644
--- a/packages/webpack-plugin/test/e2e/project-with-3rd-party-mixin-assets.spec.ts
+++ b/packages/webpack-plugin/test/e2e/project-with-3rd-party-mixin-assets.spec.ts
@@ -8,7 +8,7 @@ import { dirname } from 'path';
 
 const project = 'project-with-3rd-party-mixin-assets';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -21,7 +21,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('renders css', async () => {
@@ -37,7 +37,7 @@ describe(`(${project})`, () => {
         const assetResponses = filterAssetResponses(responses, expectedAssets);
 
         expect(assetResponses.length, 'all expected assets has matching responses').to.equal(
-            expectedAssets.length
+            expectedAssets.length,
         );
 
         for (const response of assetResponses) {
diff --git a/packages/webpack-plugin/test/e2e/project-with-assets.spec.ts b/packages/webpack-plugin/test/e2e/project-with-assets.spec.ts
index c723b4c8b8..1a0b6253ba 100644
--- a/packages/webpack-plugin/test/e2e/project-with-assets.spec.ts
+++ b/packages/webpack-plugin/test/e2e/project-with-assets.spec.ts
@@ -8,7 +8,7 @@ import { dirname, join } from 'path';
 
 const project = 'project-with-assets';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 const expectedAssets = ['asset.png', 'asset-in-root.png', 'mandela.svg'];
@@ -26,7 +26,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('renders css', async () => {
@@ -41,7 +41,7 @@ describe(`(${project})`, () => {
         const assetResponses = filterAssetResponses(responses, expectedAssets);
 
         expect(assetResponses.length, 'all expected assets has matching responses').to.equal(
-            expectedAssets.length
+            expectedAssets.length,
         );
 
         for (const response of assetResponses) {
@@ -64,7 +64,7 @@ describe(`(${project}) production mode`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('load assets from url() declaration value (prod)', async () => {
@@ -72,7 +72,7 @@ describe(`(${project}) production mode`, () => {
         const assetResponses = filterAssetResponses(responses, expectedAssets);
 
         expect(assetResponses.length, 'all expected assets has matching responses').to.equal(
-            expectedAssets.length
+            expectedAssets.length,
         );
 
         for (const response of assetResponses) {
diff --git a/packages/webpack-plugin/test/e2e/project-with-inline-assets.spec.ts b/packages/webpack-plugin/test/e2e/project-with-inline-assets.spec.ts
index 3419d3fdf8..be84965490 100644
--- a/packages/webpack-plugin/test/e2e/project-with-inline-assets.spec.ts
+++ b/packages/webpack-plugin/test/e2e/project-with-inline-assets.spec.ts
@@ -4,7 +4,7 @@ import { dirname, join } from 'path';
 
 const project = 'project-with-inline-assets';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -20,7 +20,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('renders css', async () => {
@@ -40,7 +40,7 @@ describe(`(${project})`, () => {
         });
 
         expect(bg).to.equal(
-            `url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAMSURBVBhXY2BY9AIAAjABi8G3mj0AAAAASUVORK5CYII="), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAMSURBVBhXY3growIAAycBLhVrvukAAAAASUVORK5CYII=")`
+            `url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAMSURBVBhXY2BY9AIAAjABi8G3mj0AAAAASUVORK5CYII="), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAMSURBVBhXY3growIAAycBLhVrvukAAAAASUVORK5CYII=")`,
         );
     });
 });
@@ -59,7 +59,7 @@ describe(`(${project}) production mode`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('load assets from url() declaration value (prod)', async () => {
@@ -71,7 +71,7 @@ describe(`(${project}) production mode`, () => {
         });
 
         expect(bg).to.equal(
-            `url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAMSURBVBhXY2BY9AIAAjABi8G3mj0AAAAASUVORK5CYII="), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAMSURBVBhXY3growIAAycBLhVrvukAAAAASUVORK5CYII=")`
+            `url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAMSURBVBhXY2BY9AIAAjABi8G3mj0AAAAASUVORK5CYII="), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAMSURBVBhXY3growIAAycBLhVrvukAAAAASUVORK5CYII=")`,
         );
     });
 });
diff --git a/packages/webpack-plugin/test/e2e/projects/dynamic-chunk-3rd-party-split-project/src/index.js b/packages/webpack-plugin/test/e2e/projects/dynamic-chunk-3rd-party-split-project/src/index.js
index cd1e28353d..80c67504ae 100644
--- a/packages/webpack-plugin/test/e2e/projects/dynamic-chunk-3rd-party-split-project/src/index.js
+++ b/packages/webpack-plugin/test/e2e/projects/dynamic-chunk-3rd-party-split-project/src/index.js
@@ -1,5 +1,5 @@
 // force runtime to be bundled in the main chunk
-import "@stylable/runtime";
+import '@stylable/runtime';
 
 const Lib = {
     async loadButton() {
diff --git a/packages/webpack-plugin/test/e2e/projects/emit-info-diagnostic/webpack.config.js b/packages/webpack-plugin/test/e2e/projects/emit-info-diagnostic/webpack.config.js
index 931c5b5c2a..27a79cee2b 100644
--- a/packages/webpack-plugin/test/e2e/projects/emit-info-diagnostic/webpack.config.js
+++ b/packages/webpack-plugin/test/e2e/projects/emit-info-diagnostic/webpack.config.js
@@ -20,7 +20,7 @@ module.exports = {
                                 message: 'test info diagnostic!',
                                 severity: 'info',
                             },
-                            { node: result.meta.sourceAst.root() }
+                            { node: result.meta.sourceAst.root() },
                         );
                         return result;
                     },
diff --git a/packages/webpack-plugin/test/e2e/projects/hooked-project/stylable.config.js b/packages/webpack-plugin/test/e2e/projects/hooked-project/stylable.config.js
index f1e785c836..f06d1b8b00 100644
--- a/packages/webpack-plugin/test/e2e/projects/hooked-project/stylable.config.js
+++ b/packages/webpack-plugin/test/e2e/projects/hooked-project/stylable.config.js
@@ -14,10 +14,10 @@ module.exports.webpackPlugin = function (options) {
                                     decl.clone({
                                         value: decl.value.replace(
                                             /hook_var_(\d+)/,
-                                            'rgb($1, 0, 0)'
+                                            'rgb($1, 0, 0)',
                                         ),
-                                    })
-                                )
+                                    }),
+                                ),
                             );
                         });
                         actions.forEach((action) => action());
diff --git a/packages/webpack-plugin/test/e2e/projects/runtime-var-override-project/src/index.js b/packages/webpack-plugin/test/e2e/projects/runtime-var-override-project/src/index.js
index 780fc7d116..79df041fe0 100644
--- a/packages/webpack-plugin/test/e2e/projects/runtime-var-override-project/src/index.js
+++ b/packages/webpack-plugin/test/e2e/projects/runtime-var-override-project/src/index.js
@@ -3,7 +3,7 @@ import { classes, vars } from './index.st.css';
 document.documentElement.classList.add(classes.root);
 document.documentElement.setAttribute(
     'style',
-    `${vars.bg}: rgb(0, 0, 255); ${vars.color}: rgb(0, 0, 255);`
+    `${vars.bg}: rgb(0, 0, 255); ${vars.color}: rgb(0, 0, 255);`,
 );
 
 window.backgroundColorAtLoadTime = getComputedStyle(document.documentElement).backgroundColor;
diff --git a/packages/webpack-plugin/test/e2e/raw-project.spec.ts b/packages/webpack-plugin/test/e2e/raw-project.spec.ts
index 4242073e40..f356f8d02c 100644
--- a/packages/webpack-plugin/test/e2e/raw-project.spec.ts
+++ b/packages/webpack-plugin/test/e2e/raw-project.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'raw-project';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -17,7 +17,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('loading is working for raw-loader', async () => {
diff --git a/packages/webpack-plugin/test/e2e/resolve-js-with-context.spec.ts b/packages/webpack-plugin/test/e2e/resolve-js-with-context.spec.ts
index 03dc83b9af..ffcd7118be 100644
--- a/packages/webpack-plugin/test/e2e/resolve-js-with-context.spec.ts
+++ b/packages/webpack-plugin/test/e2e/resolve-js-with-context.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'resolve-js-with-context';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -17,7 +17,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('css is working', async () => {
diff --git a/packages/webpack-plugin/test/e2e/runtime-var-override-project.spec.ts b/packages/webpack-plugin/test/e2e/runtime-var-override-project.spec.ts
index 903a89ce81..7c7ea063a3 100644
--- a/packages/webpack-plugin/test/e2e/runtime-var-override-project.spec.ts
+++ b/packages/webpack-plugin/test/e2e/runtime-var-override-project.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'runtime-var-override-project';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -17,7 +17,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('css runtime variable overrides', async () => {
diff --git a/packages/webpack-plugin/test/e2e/side-effects.spec.ts b/packages/webpack-plugin/test/e2e/side-effects.spec.ts
index c62b309bc0..a9426caad8 100644
--- a/packages/webpack-plugin/test/e2e/side-effects.spec.ts
+++ b/packages/webpack-plugin/test/e2e/side-effects.spec.ts
@@ -4,7 +4,7 @@ import { dirname, join } from 'path';
 
 const project = 'side-effects';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -20,7 +20,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('should include deep sheets with side effects', async () => {
diff --git a/packages/webpack-plugin/test/e2e/simple-production-project.spec.ts b/packages/webpack-plugin/test/e2e/simple-production-project.spec.ts
index 6e169909c3..11ab6efd3a 100644
--- a/packages/webpack-plugin/test/e2e/simple-production-project.spec.ts
+++ b/packages/webpack-plugin/test/e2e/simple-production-project.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'simple-production-project';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -17,7 +17,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('renders css', () => {
diff --git a/packages/webpack-plugin/test/e2e/simplest-esm-project.spec.ts b/packages/webpack-plugin/test/e2e/simplest-esm-project.spec.ts
index ff0cd08ad9..89d8e6cecd 100644
--- a/packages/webpack-plugin/test/e2e/simplest-esm-project.spec.ts
+++ b/packages/webpack-plugin/test/e2e/simplest-esm-project.spec.ts
@@ -4,7 +4,7 @@ import { dirname, join } from 'path';
 
 const project = 'simplest-esm-project';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -20,7 +20,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('renders css', async () => {
diff --git a/packages/webpack-plugin/test/e2e/simplest-project-content-hash.spec.ts b/packages/webpack-plugin/test/e2e/simplest-project-content-hash.spec.ts
index 8a33cb32c5..f1be5f65c2 100644
--- a/packages/webpack-plugin/test/e2e/simplest-project-content-hash.spec.ts
+++ b/packages/webpack-plugin/test/e2e/simplest-project-content-hash.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'simplest-project-content-hash';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -17,7 +17,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('renders css', () => {
diff --git a/packages/webpack-plugin/test/e2e/simplest-project-inject-none.spec.ts b/packages/webpack-plugin/test/e2e/simplest-project-inject-none.spec.ts
index de1adc4661..b3be6dd669 100644
--- a/packages/webpack-plugin/test/e2e/simplest-project-inject-none.spec.ts
+++ b/packages/webpack-plugin/test/e2e/simplest-project-inject-none.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'simplest-project-inject-none';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -17,7 +17,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('css is injected before entry running', () => {
diff --git a/packages/webpack-plugin/test/e2e/simplest-project-target-node.spec.ts b/packages/webpack-plugin/test/e2e/simplest-project-target-node.spec.ts
index 5ffbd66d40..95f0fa0a27 100644
--- a/packages/webpack-plugin/test/e2e/simplest-project-target-node.spec.ts
+++ b/packages/webpack-plugin/test/e2e/simplest-project-target-node.spec.ts
@@ -5,7 +5,7 @@ import { waitFor } from 'promise-assist';
 
 const project = 'simplest-project-target-node';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -18,7 +18,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('renders css', async () => {
diff --git a/packages/webpack-plugin/test/e2e/simplest-project-used-exports.spec.ts b/packages/webpack-plugin/test/e2e/simplest-project-used-exports.spec.ts
index 80a5e077c8..58b856b64f 100644
--- a/packages/webpack-plugin/test/e2e/simplest-project-used-exports.spec.ts
+++ b/packages/webpack-plugin/test/e2e/simplest-project-used-exports.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'simplest-project';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -20,7 +20,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('renders css', async () => {
diff --git a/packages/webpack-plugin/test/e2e/simplest-project-with-name.spec.ts b/packages/webpack-plugin/test/e2e/simplest-project-with-name.spec.ts
index 1e6f744b23..35c94e4d66 100644
--- a/packages/webpack-plugin/test/e2e/simplest-project-with-name.spec.ts
+++ b/packages/webpack-plugin/test/e2e/simplest-project-with-name.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'simplest-project-with-name';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -17,7 +17,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('renders css', () => {
diff --git a/packages/webpack-plugin/test/e2e/simplest-project.spec.ts b/packages/webpack-plugin/test/e2e/simplest-project.spec.ts
index 2b9bac6d94..cc45036aaf 100644
--- a/packages/webpack-plugin/test/e2e/simplest-project.spec.ts
+++ b/packages/webpack-plugin/test/e2e/simplest-project.spec.ts
@@ -4,7 +4,7 @@ import { dirname, join } from 'path';
 
 const project = 'simplest-project';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -20,7 +20,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('renders css', async () => {
diff --git a/packages/webpack-plugin/test/e2e/split-chunks-2.spec.ts b/packages/webpack-plugin/test/e2e/split-chunks-2.spec.ts
index 7d55ab2c14..4a0f27e63b 100644
--- a/packages/webpack-plugin/test/e2e/split-chunks-2.spec.ts
+++ b/packages/webpack-plugin/test/e2e/split-chunks-2.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'split-chunks-2';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -18,7 +18,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('renders css', async () => {
diff --git a/packages/webpack-plugin/test/e2e/split-chunks.spec.ts b/packages/webpack-plugin/test/e2e/split-chunks.spec.ts
index 0d3cb4894a..4dd21a6330 100644
--- a/packages/webpack-plugin/test/e2e/split-chunks.spec.ts
+++ b/packages/webpack-plugin/test/e2e/split-chunks.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'split-chunks';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -18,7 +18,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('renders css', async () => {
diff --git a/packages/webpack-plugin/test/e2e/stc-config-resolver-inline-override.spec.ts b/packages/webpack-plugin/test/e2e/stc-config-resolver-inline-override.spec.ts
index ef4279049a..3e6330e311 100644
--- a/packages/webpack-plugin/test/e2e/stc-config-resolver-inline-override.spec.ts
+++ b/packages/webpack-plugin/test/e2e/stc-config-resolver-inline-override.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'stylable-config-resolver-inline-override';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/package.json`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/package.json`),
 );
 
 describe(`(${project})`, () => {
@@ -17,7 +17,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('config is resolved and css is working', async () => {
diff --git a/packages/webpack-plugin/test/e2e/stc-config-resolver-override.spec.ts b/packages/webpack-plugin/test/e2e/stc-config-resolver-override.spec.ts
index e367654e9a..daf18a08e4 100644
--- a/packages/webpack-plugin/test/e2e/stc-config-resolver-override.spec.ts
+++ b/packages/webpack-plugin/test/e2e/stc-config-resolver-override.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'stylable-config-resolver-override';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/package.json`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/package.json`),
 );
 
 describe(`(${project})`, () => {
@@ -17,7 +17,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('config is resolved and css is working', async () => {
diff --git a/packages/webpack-plugin/test/e2e/stc-config-resolver.spec.ts b/packages/webpack-plugin/test/e2e/stc-config-resolver.spec.ts
index 238aacb74e..f6fc6a075a 100644
--- a/packages/webpack-plugin/test/e2e/stc-config-resolver.spec.ts
+++ b/packages/webpack-plugin/test/e2e/stc-config-resolver.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'stylable-config-resolver';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/package.json`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/package.json`),
 );
 
 describe(`(${project})`, () => {
@@ -17,7 +17,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('config is resolved and css is working', async () => {
@@ -31,10 +31,10 @@ describe(`(${project})`, () => {
         });
 
         expect(backgroundColor, 'should be resolved to green through webpack alias').to.eql(
-            'rgb(0, 128, 0)'
+            'rgb(0, 128, 0)',
         );
         expect(color, 'should be resolved to blue through typescript paths').to.eql(
-            'rgb(0, 0, 255)'
+            'rgb(0, 0, 255)',
         );
     });
 });
diff --git a/packages/webpack-plugin/test/e2e/stc-config.spec.ts b/packages/webpack-plugin/test/e2e/stc-config.spec.ts
index 74a9dd1308..45360a29b8 100644
--- a/packages/webpack-plugin/test/e2e/stc-config.spec.ts
+++ b/packages/webpack-plugin/test/e2e/stc-config.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'stc-config';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -17,7 +17,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('run "stc" when the plugin finds stylable config file with "stc" options', () => {
diff --git a/packages/webpack-plugin/test/e2e/stc-watched-project.spec.ts b/packages/webpack-plugin/test/e2e/stc-watched-project.spec.ts
index 214cb3d6a0..c4349cf61e 100644
--- a/packages/webpack-plugin/test/e2e/stc-watched-project.spec.ts
+++ b/packages/webpack-plugin/test/e2e/stc-watched-project.spec.ts
@@ -7,7 +7,7 @@ const { writeFile } = promises;
 
 const project = 'stc-watched-project';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -22,7 +22,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
     it('build "stc" and webpack in the correct order', async () => {
         const { page } = await projectRunner.openInBrowser();
@@ -35,7 +35,7 @@ describe(`(${project})`, () => {
         });
 
         expect(styleElements[0].css!.replace(/\s\s*/gm, ' ').trim()).to.match(
-            /\.index\d+__root \{ color: red; z-index: 1; \}/
+            /\.index\d+__root \{ color: red; z-index: 1; \}/,
         );
 
         await projectRunner.actAndWaitForRecompile(
@@ -43,14 +43,14 @@ describe(`(${project})`, () => {
             () =>
                 writeFile(
                     join(projectRunner.testDir, 'style-source', 'style-b.st.css'),
-                    '.b{ color: green; }'
+                    '.b{ color: green; }',
                 ),
             (waitFor) =>
                 waitFor(() => {
                     expect(projectRunner.getProjectFiles()['style-output/style-b.st.css']).to.eql(
-                        '.b{ color: green; }'
+                        '.b{ color: green; }',
                     );
-                })
+                }),
         );
 
         await projectRunner.actAndWaitForRecompile(
@@ -65,7 +65,7 @@ describe(`(${project})`, () => {
                         -st-mixin: b;
                         z-index: 1;
                     }
-                `
+                `,
                 ),
             (waitFor) =>
                 waitFor(async () => {
@@ -74,12 +74,12 @@ describe(`(${project})`, () => {
                         browserFunctions.getStyleElementsMetadata,
                         {
                             includeCSSContent: true,
-                        }
+                        },
                     );
                     expect(styleElements[0].css!.replace(/\s\s*/gm, ' ').trim()).to.match(
-                        /\.index\d+__root \{ color: green; z-index: 1; \}/
+                        /\.index\d+__root \{ color: green; z-index: 1; \}/,
                     );
-                })
+                }),
         );
 
         await projectRunner.actAndWaitForRecompile(
@@ -87,13 +87,13 @@ describe(`(${project})`, () => {
             () =>
                 writeFile(
                     join(projectRunner.testDir, 'style-source', 'style-b.st.css'),
-                    '.b{ color: blue; }'
+                    '.b{ color: blue; }',
                 ),
             (waitFor) =>
                 waitFor(
                     async () => {
                         expect(
-                            projectRunner.getProjectFiles()['style-output/style-b.st.css']
+                            projectRunner.getProjectFiles()['style-output/style-b.st.css'],
                         ).to.eql('.b{ color: blue; }');
 
                         await page.reload();
@@ -101,14 +101,14 @@ describe(`(${project})`, () => {
                             browserFunctions.getStyleElementsMetadata,
                             {
                                 includeCSSContent: true,
-                            }
+                            },
                         );
                         expect(styleElements[0].css!.replace(/\s\s*/gm, ' ').trim()).to.match(
-                            /\.index\d+__root \{ color: blue; z-index: 1; \}/
+                            /\.index\d+__root \{ color: blue; z-index: 1; \}/,
                         );
                     },
-                    { delay: 0 }
-                )
+                    { delay: 0 },
+                ),
         );
     });
 });
diff --git a/packages/webpack-plugin/test/e2e/stylable-config-file.spec.ts b/packages/webpack-plugin/test/e2e/stylable-config-file.spec.ts
index 57c5d3a371..46886a4109 100644
--- a/packages/webpack-plugin/test/e2e/stylable-config-file.spec.ts
+++ b/packages/webpack-plugin/test/e2e/stylable-config-file.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'stylable-config-file';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -17,7 +17,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('output css asset as written in the stylable.config file', () => {
diff --git a/packages/webpack-plugin/test/e2e/tree-shake.spec.ts b/packages/webpack-plugin/test/e2e/tree-shake.spec.ts
index 1b6dedfaab..150943a17f 100644
--- a/packages/webpack-plugin/test/e2e/tree-shake.spec.ts
+++ b/packages/webpack-plugin/test/e2e/tree-shake.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'tree-shake';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -17,13 +17,13 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('should inline classes and remove the stylesheet js module', () => {
         const files = projectRunner.getProjectFiles();
         expect(files['dist/main.js']).to.eql(
-            `(()=>{"use strict";document.body.innerHTML='<div class="index__bbb">bbb used</div>'})();\n//# sourceMappingURL=main.js.map`
+            `(()=>{"use strict";document.body.innerHTML='<div class="index__bbb">bbb used</div>'})();\n//# sourceMappingURL=main.js.map`,
         );
     });
 });
diff --git a/packages/webpack-plugin/test/e2e/tsconfig-resolver-plugin.spec.ts b/packages/webpack-plugin/test/e2e/tsconfig-resolver-plugin.spec.ts
index 20c7751200..3bd760366b 100644
--- a/packages/webpack-plugin/test/e2e/tsconfig-resolver-plugin.spec.ts
+++ b/packages/webpack-plugin/test/e2e/tsconfig-resolver-plugin.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'tsconfig-resolver-plugin';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -17,7 +17,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('override 3rd party', async () => {
diff --git a/packages/webpack-plugin/test/e2e/unsafe-mute-diagnostics.spec.ts b/packages/webpack-plugin/test/e2e/unsafe-mute-diagnostics.spec.ts
index e6c49b7b2c..5d1dab66f1 100644
--- a/packages/webpack-plugin/test/e2e/unsafe-mute-diagnostics.spec.ts
+++ b/packages/webpack-plugin/test/e2e/unsafe-mute-diagnostics.spec.ts
@@ -4,7 +4,7 @@ import { dirname } from 'path';
 
 const project = 'unsafe-mute-diagnostics';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -17,7 +17,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
 
     it('should build a project with no errors (duplicate namespace) when muted', () => {
diff --git a/packages/webpack-plugin/test/e2e/watched-project-error-recovery.spec.ts b/packages/webpack-plugin/test/e2e/watched-project-error-recovery.spec.ts
index 60699dfb4e..fcce082890 100644
--- a/packages/webpack-plugin/test/e2e/watched-project-error-recovery.spec.ts
+++ b/packages/webpack-plugin/test/e2e/watched-project-error-recovery.spec.ts
@@ -7,7 +7,7 @@ const { writeFile } = promises;
 
 const project = 'watched-project-error-recovery';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -22,7 +22,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
     it('renders css', async () => {
         const { page } = await projectRunner.openInBrowser();
@@ -35,14 +35,14 @@ describe(`(${project})`, () => {
             async () => {
                 return writeFile(
                     join(projectRunner.testDir, 'src', 'index.st.css'),
-                    '.root{ color: green; }'
+                    '.root{ color: green; }',
                 );
             },
             async () => {
                 const { page } = await projectRunner.openInBrowser();
                 const color = await page.evaluate(() => getComputedStyle(document.body).color);
                 expect(color).to.equal('rgb(0, 128, 0)');
-            }
+            },
         );
 
         await projectRunner.actAndWaitForRecompile(
@@ -50,7 +50,7 @@ describe(`(${project})`, () => {
             async () => {
                 return writeFile(
                     join(projectRunner.testDir, 'src', 'index.st.css'),
-                    '.root{ color:: blue; }'
+                    '.root{ color:: blue; }',
                 );
             },
             async () => {
@@ -64,7 +64,7 @@ describe(`(${project})`, () => {
                 const { page } = await projectRunner.openInBrowser();
                 const color = await page.evaluate(() => getComputedStyle(document.body).color);
                 expect(color).to.equal('rgb(0, 0, 0)');
-            }
+            },
         );
 
         await projectRunner.actAndWaitForRecompile(
@@ -72,7 +72,7 @@ describe(`(${project})`, () => {
             () => {
                 return writeFile(
                     join(projectRunner.testDir, 'src', 'index.st.css'),
-                    '.root{ color: blue; }'
+                    '.root{ color: blue; }',
                 );
             },
             async () => {
@@ -81,7 +81,7 @@ describe(`(${project})`, () => {
                 const color = await page.evaluate(() => getComputedStyle(document.body).color);
                 // Broken css never loaded to the browser
                 expect(color).to.equal('rgb(0, 0, 255)');
-            }
+            },
         );
     });
 });
diff --git a/packages/webpack-plugin/test/e2e/watched-project.spec.ts b/packages/webpack-plugin/test/e2e/watched-project.spec.ts
index d7e99d1938..a2f312e7d4 100644
--- a/packages/webpack-plugin/test/e2e/watched-project.spec.ts
+++ b/packages/webpack-plugin/test/e2e/watched-project.spec.ts
@@ -7,7 +7,7 @@ const { writeFile, rename } = promises;
 
 const project = 'watched-project';
 const projectDir = dirname(
-    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`)
+    require.resolve(`@stylable/webpack-plugin/test/e2e/projects/${project}/webpack.config`),
 );
 
 describe(`(${project})`, () => {
@@ -22,7 +22,7 @@ describe(`(${project})`, () => {
         },
         before,
         afterEach,
-        after
+        after,
     );
     it('renders css', async () => {
         const { page } = await projectRunner.openInBrowser();
@@ -36,7 +36,7 @@ describe(`(${project})`, () => {
         });
 
         expect(styleElements[0].css!.replace(/\s\s*/gm, ' ').trim()).to.match(
-            /\.index\d+__root \{ color: red; font-size: 3em; z-index: 1; \}/
+            /\.index\d+__root \{ color: red; font-size: 3em; z-index: 1; \}/,
         );
 
         await projectRunner.actAndWaitForRecompile(
@@ -44,7 +44,7 @@ describe(`(${project})`, () => {
             () => {
                 return writeFile(
                     join(projectRunner.testDir, 'src', 'mixin-b.st.css'),
-                    '.b{ color: green; }'
+                    '.b{ color: green; }',
                 );
             },
             async () => {
@@ -53,12 +53,12 @@ describe(`(${project})`, () => {
                     browserFunctions.getStyleElementsMetadata,
                     {
                         includeCSSContent: true,
-                    }
+                    },
                 );
                 expect(styleElements[0].css!.replace(/\s\s*/gm, ' ').trim()).to.match(
-                    /\.index\d+__root \{ color: green; font-size: 3em; z-index: 1; \}/
+                    /\.index\d+__root \{ color: green; font-size: 3em; z-index: 1; \}/,
                 );
-            }
+            },
         );
     });
 
@@ -68,14 +68,14 @@ describe(`(${project})`, () => {
             () => {
                 return rename(
                     join(projectRunner.testDir, 'src', 'index.st.css'),
-                    join(projectRunner.testDir, 'src', 'xxx.st.css')
+                    join(projectRunner.testDir, 'src', 'xxx.st.css'),
                 );
             },
             () => {
                 // if we got here we finished to recompile with the missing file.
                 // when this test is broken the compiler had en error and exit the process.
                 expect('finish recompile');
-            }
+            },
         );
     });
 });
diff --git a/scripts/build.js b/scripts/build.js
index 9d6306d9cd..34e4cd5248 100644
--- a/scripts/build.js
+++ b/scripts/build.js
@@ -58,7 +58,7 @@ function bundle(options) {
                 'enhanced-resolve/lib/ResolverFactory.js': path.join(
                     options.absWorkingDir,
                     'src',
-                    'enhanced-resolve-alias.ts'
+                    'enhanced-resolve-alias.ts',
                 ),
             },
             ...options,
diff --git a/scripts/test-runner.js b/scripts/test-runner.js
index 7b3b7ca60a..1b25cdabcb 100644
--- a/scripts/test-runner.js
+++ b/scripts/test-runner.js
@@ -88,7 +88,7 @@ async function run() {
             ...(parallel ? ['--parallel'] : []),
             ...(timeout !== undefined ? ['--timeout', String(timeout)] : []),
         ],
-        { stdio: 'inherit' }
+        { stdio: 'inherit' },
     );
 
     return once(childProcess, 'exit');
diff --git a/typings/externals/index.d.ts b/typings/externals/index.d.ts
index 984e069301..4c51f3a2b2 100644
--- a/typings/externals/index.d.ts
+++ b/typings/externals/index.d.ts
@@ -45,7 +45,7 @@ interface PostcssTokenizer {
 declare module 'postcss/lib/tokenize' {
     function tokenizer(
         input: import('postcss').Input,
-        options: { ignoreErrors: boolean }
+        options: { ignoreErrors: boolean },
     ): PostcssTokenizer;
     export = tokenizer;
 }
@@ -78,7 +78,7 @@ declare module 'postcss/lib/parser' {
             node: postcss.Node,
             type: string,
             tokens: PostcssToken[],
-            customProperty: boolean
+            customProperty: boolean,
         ): string;
         protected getPosition(offset: number): { offset: number; line: number; column: number };
     }