fix(core): st-mixin feature overall

packages/core/src/deprecated/postcss-ast-extension.ts

@@ -43,6 +43,7 @@ export interface SRule extends Rule {
     selectorAst: SelectorAstNode;
     isSimpleSelector: boolean;
     selectorType: 'class' | 'element' | 'complex';
+    /**@deprecated*/
     mixins?: RefedMixin[];
     stScopeSelector?: string;
 }

packages/core/src/features/feature.ts

@@ -1,5 +1,5 @@
 import type { StylableMeta } from '../stylable-meta';
-import type { ScopeContext, StylableExports } from '../stylable-transformer';
+import type { ScopeContext, StylableExports, StylableTransformer } from '../stylable-transformer';
 import type { StylableResolver, MetaResolvedSymbols } from '../stylable-resolver';
 import type { StylableEvaluator, EvalValueData } from '../functions';
 import type * as postcss from 'postcss';
@@ -69,7 +69,13 @@ export interface FeatureHooks<T extends NodeTypes = NodeTypes> {
         data: EvalValueData;
     }) => void;
     transformJSExports: (options: { exports: StylableExports; resolved: T['RESOLVED'] }) => void;
-    transformLastPass: (options: { context: FeatureTransformContext }) => void;
+    transformLastPass: (options: {
+        context: FeatureTransformContext;
+        ast: postcss.Root;
+        transformer: StylableTransformer;
+        cssVarsMapping: Record<string, string>;
+        path: string[];
+    }) => void;
 }
 const defaultHooks: FeatureHooks<NodeTypes> = {
     metaInit() {

packages/core/src/features/index.ts

@@ -11,6 +11,9 @@ export * as STGlobal from './st-global';
 export * as STVar from './st-var';
 export type { VarSymbol } from './st-var';
 
+export * as STMixin from './st-mixin';
+export type { RefedMixin, MixinValue } from './st-mixin';
+
 export * as CSSClass from './css-class';
 export type { ClassSymbol } from './css-class';
 
@@ -23,4 +26,4 @@ export type { CSSVarSymbol } from './css-custom-property';
 export * as CSSKeyframes from './css-keyframes';
 export type { KeyframesSymbol } from './css-keyframes';
 
-export type { RefedMixin, StylableDirectives } from './types';
+export type { StylableDirectives } from './types';

packages/core/src/features/st-import.ts

@@ -7,7 +7,6 @@ import { ignoreDeprecationWarn } from '../helpers/deprecation';
 import { parseStImport, parsePseudoImport, parseImportMessages } from '../helpers/import';
 import { isCSSVarProp } from '../helpers/css-custom-property';
 import type { StylableMeta } from '../stylable-meta';
-import { rootValueMapping, valueMapping } from '../stylable-value-parsers';
 import path from 'path';
 import type { ImmutablePseudoClass, PseudoClass } from '@tokey/css-selector-parser';
 import type * as postcss from 'postcss';
@@ -30,6 +29,13 @@ export interface Imported {
     context: string;
 }
 
+export const PseudoImport = `:import`;
+export const PseudoImportDecl = {
+    DEFAULT: `-st-default` as const,
+    NAMED: `-st-named` as const,
+    FROM: `-st-from` as const,
+};
+
 /**
  * ImportTypeHook is used as a way to cast imported symbols before resolving their actual type.
  * currently used only for `keyframes` as they are completely on a separate namespace from other symbols.
@@ -113,7 +119,7 @@ export const hooks = createFeature<{
         if (rule.selector !== `:import`) {
             context.diagnostics.warn(
                 rule,
-                diagnostics.FORBIDDEN_DEF_IN_COMPLEX_SELECTOR(rootValueMapping.import)
+                diagnostics.FORBIDDEN_DEF_IN_COMPLEX_SELECTOR(PseudoImport)
             );
             return;
         }
@@ -201,7 +207,7 @@ function validateImports(context: FeatureTransformContext) {
             const fromDecl =
                 importObj.rule.nodes &&
                 importObj.rule.nodes.find(
-                    (decl) => decl.type === 'decl' && decl.prop === valueMapping.from
+                    (decl) => decl.type === 'decl' && decl.prop === PseudoImportDecl.FROM
                 );
 
             context.diagnostics.warn(
@@ -218,7 +224,7 @@ function validateImports(context: FeatureTransformContext) {
                     const namedDecl =
                         importObj.rule.nodes &&
                         importObj.rule.nodes.find(
-                            (decl) => decl.type === 'decl' && decl.prop === valueMapping.named
+                            (decl) => decl.type === 'decl' && decl.prop === PseudoImportDecl.NAMED
                         );
 
                     context.diagnostics.warn(