@stylexjs/babel-plugin 0.16.3 → 0.17.1

package/lib/index.js

@@ -5,7 +5,8 @@ var path = require('node:path');
 var fs = require('node:fs');
 var url$1 = require('node:url');
 var importMetaResolve = require('@dual-bundle/import-meta-resolve');
-var require$$0 = require('assert');
+var helperModuleImports = require('@babel/helper-module-imports');
+var parser = require('postcss-value-parser');
 var core = require('@babel/core');
 var traverse = require('@babel/traverse');
 var stylex = require('@stylexjs/stylex');
@@ -42,6 +43,12 @@ const string = (message = defaultMessage('a string')) => (value, name) => {
   return value;
 };
 const nullish = (message = defaultMessage('`null` or `undefined`')) => (value, name) => value == null ? value : new Error(message(value, name));
+const optional = check => (value, name) => {
+  if (value === undefined) {
+    return undefined;
+  }
+  return check(value, name);
+};
 const boolean = (message = defaultMessage('a boolean')) => (value, name) => {
   if (typeof value !== 'boolean') {
     return new Error(message(value, name));
@@ -162,524 +169,6 @@ const logAndDefault = (check, value, def, name) => {
   return result;
 };
 
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-var lib$2 = {};
-
-var importInjector = {};
-
-var importBuilder = {};
-
-var hasRequiredImportBuilder;
-
-function requireImportBuilder () {
-	if (hasRequiredImportBuilder) return importBuilder;
-	hasRequiredImportBuilder = 1;
-
-	Object.defineProperty(importBuilder, "__esModule", {
-	  value: true
-	});
-	importBuilder.default = void 0;
-	var _assert = require$$0;
-	var _t = t;
-	const {
-	  callExpression,
-	  cloneNode,
-	  expressionStatement,
-	  identifier,
-	  importDeclaration,
-	  importDefaultSpecifier,
-	  importNamespaceSpecifier,
-	  importSpecifier,
-	  memberExpression,
-	  stringLiteral,
-	  variableDeclaration,
-	  variableDeclarator
-	} = _t;
-	class ImportBuilder {
-	  constructor(importedSource, scope, hub) {
-	    this._statements = [];
-	    this._resultName = null;
-	    this._importedSource = void 0;
-	    this._scope = scope;
-	    this._hub = hub;
-	    this._importedSource = importedSource;
-	  }
-	  done() {
-	    return {
-	      statements: this._statements,
-	      resultName: this._resultName
-	    };
-	  }
-	  import() {
-	    this._statements.push(importDeclaration([], stringLiteral(this._importedSource)));
-	    return this;
-	  }
-	  require() {
-	    this._statements.push(expressionStatement(callExpression(identifier("require"), [stringLiteral(this._importedSource)])));
-	    return this;
-	  }
-	  namespace(name = "namespace") {
-	    const local = this._scope.generateUidIdentifier(name);
-	    const statement = this._statements[this._statements.length - 1];
-	    _assert(statement.type === "ImportDeclaration");
-	    _assert(statement.specifiers.length === 0);
-	    statement.specifiers = [importNamespaceSpecifier(local)];
-	    this._resultName = cloneNode(local);
-	    return this;
-	  }
-	  default(name) {
-	    const id = this._scope.generateUidIdentifier(name);
-	    const statement = this._statements[this._statements.length - 1];
-	    _assert(statement.type === "ImportDeclaration");
-	    _assert(statement.specifiers.length === 0);
-	    statement.specifiers = [importDefaultSpecifier(id)];
-	    this._resultName = cloneNode(id);
-	    return this;
-	  }
-	  named(name, importName) {
-	    if (importName === "default") return this.default(name);
-	    const id = this._scope.generateUidIdentifier(name);
-	    const statement = this._statements[this._statements.length - 1];
-	    _assert(statement.type === "ImportDeclaration");
-	    _assert(statement.specifiers.length === 0);
-	    statement.specifiers = [importSpecifier(id, identifier(importName))];
-	    this._resultName = cloneNode(id);
-	    return this;
-	  }
-	  var(name) {
-	    const id = this._scope.generateUidIdentifier(name);
-	    let statement = this._statements[this._statements.length - 1];
-	    if (statement.type !== "ExpressionStatement") {
-	      _assert(this._resultName);
-	      statement = expressionStatement(this._resultName);
-	      this._statements.push(statement);
-	    }
-	    this._statements[this._statements.length - 1] = variableDeclaration("var", [variableDeclarator(id, statement.expression)]);
-	    this._resultName = cloneNode(id);
-	    return this;
-	  }
-	  defaultInterop() {
-	    return this._interop(this._hub.addHelper("interopRequireDefault"));
-	  }
-	  wildcardInterop() {
-	    return this._interop(this._hub.addHelper("interopRequireWildcard"));
-	  }
-	  _interop(callee) {
-	    const statement = this._statements[this._statements.length - 1];
-	    if (statement.type === "ExpressionStatement") {
-	      statement.expression = callExpression(callee, [statement.expression]);
-	    } else if (statement.type === "VariableDeclaration") {
-	      _assert(statement.declarations.length === 1);
-	      statement.declarations[0].init = callExpression(callee, [statement.declarations[0].init]);
-	    } else {
-	      _assert.fail("Unexpected type.");
-	    }
-	    return this;
-	  }
-	  prop(name) {
-	    const statement = this._statements[this._statements.length - 1];
-	    if (statement.type === "ExpressionStatement") {
-	      statement.expression = memberExpression(statement.expression, identifier(name));
-	    } else if (statement.type === "VariableDeclaration") {
-	      _assert(statement.declarations.length === 1);
-	      statement.declarations[0].init = memberExpression(statement.declarations[0].init, identifier(name));
-	    } else {
-	      _assert.fail("Unexpected type:" + statement.type);
-	    }
-	    return this;
-	  }
-	  read(name) {
-	    this._resultName = memberExpression(this._resultName, identifier(name));
-	  }
-	}
-	importBuilder.default = ImportBuilder;
-
-	
-	return importBuilder;
-}
-
-var isModule = {};
-
-var hasRequiredIsModule;
-
-function requireIsModule () {
-	if (hasRequiredIsModule) return isModule;
-	hasRequiredIsModule = 1;
-
-	Object.defineProperty(isModule, "__esModule", {
-	  value: true
-	});
-	isModule.default = isModule$1;
-	function isModule$1(path) {
-	  return path.node.sourceType === "module";
-	}
-
-	
-	return isModule;
-}
-
-var hasRequiredImportInjector;
-
-function requireImportInjector () {
-	if (hasRequiredImportInjector) return importInjector;
-	hasRequiredImportInjector = 1;
-
-	Object.defineProperty(importInjector, "__esModule", {
-	  value: true
-	});
-	importInjector.default = void 0;
-	var _assert = require$$0;
-	var _t = t;
-	var _importBuilder = requireImportBuilder();
-	var _isModule = requireIsModule();
-	const {
-	  identifier,
-	  importSpecifier,
-	  numericLiteral,
-	  sequenceExpression,
-	  isImportDeclaration
-	} = _t;
-	class ImportInjector {
-	  constructor(path, importedSource, opts) {
-	    this._defaultOpts = {
-	      importedSource: null,
-	      importedType: "commonjs",
-	      importedInterop: "babel",
-	      importingInterop: "babel",
-	      ensureLiveReference: false,
-	      ensureNoContext: false,
-	      importPosition: "before"
-	    };
-	    const programPath = path.find(p => p.isProgram());
-	    this._programPath = programPath;
-	    this._programScope = programPath.scope;
-	    this._hub = programPath.hub;
-	    this._defaultOpts = this._applyDefaults(importedSource, opts, true);
-	  }
-	  addDefault(importedSourceIn, opts) {
-	    return this.addNamed("default", importedSourceIn, opts);
-	  }
-	  addNamed(importName, importedSourceIn, opts) {
-	    _assert(typeof importName === "string");
-	    return this._generateImport(this._applyDefaults(importedSourceIn, opts), importName);
-	  }
-	  addNamespace(importedSourceIn, opts) {
-	    return this._generateImport(this._applyDefaults(importedSourceIn, opts), null);
-	  }
-	  addSideEffect(importedSourceIn, opts) {
-	    return this._generateImport(this._applyDefaults(importedSourceIn, opts), void 0);
-	  }
-	  _applyDefaults(importedSource, opts, isInit = false) {
-	    let newOpts;
-	    if (typeof importedSource === "string") {
-	      newOpts = Object.assign({}, this._defaultOpts, {
-	        importedSource
-	      }, opts);
-	    } else {
-	      _assert(!opts, "Unexpected secondary arguments.");
-	      newOpts = Object.assign({}, this._defaultOpts, importedSource);
-	    }
-	    if (!isInit && opts) {
-	      if (opts.nameHint !== undefined) newOpts.nameHint = opts.nameHint;
-	      if (opts.blockHoist !== undefined) newOpts.blockHoist = opts.blockHoist;
-	    }
-	    return newOpts;
-	  }
-	  _generateImport(opts, importName) {
-	    const isDefault = importName === "default";
-	    const isNamed = !!importName && !isDefault;
-	    const isNamespace = importName === null;
-	    const {
-	      importedSource,
-	      importedType,
-	      importedInterop,
-	      importingInterop,
-	      ensureLiveReference,
-	      ensureNoContext,
-	      nameHint,
-	      importPosition,
-	      blockHoist
-	    } = opts;
-	    let name = nameHint || importName;
-	    const isMod = (0, _isModule.default)(this._programPath);
-	    const isModuleForNode = isMod && importingInterop === "node";
-	    const isModuleForBabel = isMod && importingInterop === "babel";
-	    if (importPosition === "after" && !isMod) {
-	      throw new Error(`"importPosition": "after" is only supported in modules`);
-	    }
-	    const builder = new _importBuilder.default(importedSource, this._programScope, this._hub);
-	    if (importedType === "es6") {
-	      if (!isModuleForNode && !isModuleForBabel) {
-	        throw new Error("Cannot import an ES6 module from CommonJS");
-	      }
-	      builder.import();
-	      if (isNamespace) {
-	        builder.namespace(nameHint || importedSource);
-	      } else if (isDefault || isNamed) {
-	        builder.named(name, importName);
-	      }
-	    } else if (importedType !== "commonjs") {
-	      throw new Error(`Unexpected interopType "${importedType}"`);
-	    } else if (importedInterop === "babel") {
-	      if (isModuleForNode) {
-	        name = name !== "default" ? name : importedSource;
-	        const es6Default = `${importedSource}$es6Default`;
-	        builder.import();
-	        if (isNamespace) {
-	          builder.default(es6Default).var(name || importedSource).wildcardInterop();
-	        } else if (isDefault) {
-	          if (ensureLiveReference) {
-	            builder.default(es6Default).var(name || importedSource).defaultInterop().read("default");
-	          } else {
-	            builder.default(es6Default).var(name).defaultInterop().prop(importName);
-	          }
-	        } else if (isNamed) {
-	          builder.default(es6Default).read(importName);
-	        }
-	      } else if (isModuleForBabel) {
-	        builder.import();
-	        if (isNamespace) {
-	          builder.namespace(name || importedSource);
-	        } else if (isDefault || isNamed) {
-	          builder.named(name, importName);
-	        }
-	      } else {
-	        builder.require();
-	        if (isNamespace) {
-	          builder.var(name || importedSource).wildcardInterop();
-	        } else if ((isDefault || isNamed) && ensureLiveReference) {
-	          if (isDefault) {
-	            name = name !== "default" ? name : importedSource;
-	            builder.var(name).read(importName);
-	            builder.defaultInterop();
-	          } else {
-	            builder.var(importedSource).read(importName);
-	          }
-	        } else if (isDefault) {
-	          builder.var(name).defaultInterop().prop(importName);
-	        } else if (isNamed) {
-	          builder.var(name).prop(importName);
-	        }
-	      }
-	    } else if (importedInterop === "compiled") {
-	      if (isModuleForNode) {
-	        builder.import();
-	        if (isNamespace) {
-	          builder.default(name || importedSource);
-	        } else if (isDefault || isNamed) {
-	          builder.default(importedSource).read(name);
-	        }
-	      } else if (isModuleForBabel) {
-	        builder.import();
-	        if (isNamespace) {
-	          builder.namespace(name || importedSource);
-	        } else if (isDefault || isNamed) {
-	          builder.named(name, importName);
-	        }
-	      } else {
-	        builder.require();
-	        if (isNamespace) {
-	          builder.var(name || importedSource);
-	        } else if (isDefault || isNamed) {
-	          if (ensureLiveReference) {
-	            builder.var(importedSource).read(name);
-	          } else {
-	            builder.prop(importName).var(name);
-	          }
-	        }
-	      }
-	    } else if (importedInterop === "uncompiled") {
-	      if (isDefault && ensureLiveReference) {
-	        throw new Error("No live reference for commonjs default");
-	      }
-	      if (isModuleForNode) {
-	        builder.import();
-	        if (isNamespace) {
-	          builder.default(name || importedSource);
-	        } else if (isDefault) {
-	          builder.default(name);
-	        } else if (isNamed) {
-	          builder.default(importedSource).read(name);
-	        }
-	      } else if (isModuleForBabel) {
-	        builder.import();
-	        if (isNamespace) {
-	          builder.default(name || importedSource);
-	        } else if (isDefault) {
-	          builder.default(name);
-	        } else if (isNamed) {
-	          builder.named(name, importName);
-	        }
-	      } else {
-	        builder.require();
-	        if (isNamespace) {
-	          builder.var(name || importedSource);
-	        } else if (isDefault) {
-	          builder.var(name);
-	        } else if (isNamed) {
-	          if (ensureLiveReference) {
-	            builder.var(importedSource).read(name);
-	          } else {
-	            builder.var(name).prop(importName);
-	          }
-	        }
-	      }
-	    } else {
-	      throw new Error(`Unknown importedInterop "${importedInterop}".`);
-	    }
-	    const {
-	      statements,
-	      resultName
-	    } = builder.done();
-	    this._insertStatements(statements, importPosition, blockHoist);
-	    if ((isDefault || isNamed) && ensureNoContext && resultName.type !== "Identifier") {
-	      return sequenceExpression([numericLiteral(0), resultName]);
-	    }
-	    return resultName;
-	  }
-	  _insertStatements(statements, importPosition = "before", blockHoist = 3) {
-	    if (importPosition === "after") {
-	      if (this._insertStatementsAfter(statements)) return;
-	    } else {
-	      if (this._insertStatementsBefore(statements, blockHoist)) return;
-	    }
-	    this._programPath.unshiftContainer("body", statements);
-	  }
-	  _insertStatementsBefore(statements, blockHoist) {
-	    if (statements.length === 1 && isImportDeclaration(statements[0]) && isValueImport(statements[0])) {
-	      const firstImportDecl = this._programPath.get("body").find(p => {
-	        return p.isImportDeclaration() && isValueImport(p.node);
-	      });
-	      if ((firstImportDecl == null ? void 0 : firstImportDecl.node.source.value) === statements[0].source.value && maybeAppendImportSpecifiers(firstImportDecl.node, statements[0])) {
-	        return true;
-	      }
-	    }
-	    statements.forEach(node => {
-	      node._blockHoist = blockHoist;
-	    });
-	    const targetPath = this._programPath.get("body").find(p => {
-	      const val = p.node._blockHoist;
-	      return Number.isFinite(val) && val < 4;
-	    });
-	    if (targetPath) {
-	      targetPath.insertBefore(statements);
-	      return true;
-	    }
-	    return false;
-	  }
-	  _insertStatementsAfter(statements) {
-	    const statementsSet = new Set(statements);
-	    const importDeclarations = new Map();
-	    for (const statement of statements) {
-	      if (isImportDeclaration(statement) && isValueImport(statement)) {
-	        const source = statement.source.value;
-	        if (!importDeclarations.has(source)) importDeclarations.set(source, []);
-	        importDeclarations.get(source).push(statement);
-	      }
-	    }
-	    let lastImportPath = null;
-	    for (const bodyStmt of this._programPath.get("body")) {
-	      if (bodyStmt.isImportDeclaration() && isValueImport(bodyStmt.node)) {
-	        lastImportPath = bodyStmt;
-	        const source = bodyStmt.node.source.value;
-	        const newImports = importDeclarations.get(source);
-	        if (!newImports) continue;
-	        for (const decl of newImports) {
-	          if (!statementsSet.has(decl)) continue;
-	          if (maybeAppendImportSpecifiers(bodyStmt.node, decl)) {
-	            statementsSet.delete(decl);
-	          }
-	        }
-	      }
-	    }
-	    if (statementsSet.size === 0) return true;
-	    if (lastImportPath) lastImportPath.insertAfter(Array.from(statementsSet));
-	    return !!lastImportPath;
-	  }
-	}
-	importInjector.default = ImportInjector;
-	function isValueImport(node) {
-	  return node.importKind !== "type" && node.importKind !== "typeof";
-	}
-	function hasNamespaceImport(node) {
-	  return node.specifiers.length === 1 && node.specifiers[0].type === "ImportNamespaceSpecifier" || node.specifiers.length === 2 && node.specifiers[1].type === "ImportNamespaceSpecifier";
-	}
-	function hasDefaultImport(node) {
-	  return node.specifiers.length > 0 && node.specifiers[0].type === "ImportDefaultSpecifier";
-	}
-	function maybeAppendImportSpecifiers(target, source) {
-	  if (!target.specifiers.length) {
-	    target.specifiers = source.specifiers;
-	    return true;
-	  }
-	  if (!source.specifiers.length) return true;
-	  if (hasNamespaceImport(target) || hasNamespaceImport(source)) return false;
-	  if (hasDefaultImport(source)) {
-	    if (hasDefaultImport(target)) {
-	      source.specifiers[0] = importSpecifier(source.specifiers[0].local, identifier("default"));
-	    } else {
-	      target.specifiers.unshift(source.specifiers.shift());
-	    }
-	  }
-	  target.specifiers.push(...source.specifiers);
-	  return true;
-	}
-
-	
-	return importInjector;
-}
-
-var hasRequiredLib$2;
-
-function requireLib$2 () {
-	if (hasRequiredLib$2) return lib$2;
-	hasRequiredLib$2 = 1;
-	(function (exports) {
-
-		Object.defineProperty(exports, "__esModule", {
-		  value: true
-		});
-		Object.defineProperty(exports, "ImportInjector", {
-		  enumerable: true,
-		  get: function () {
-		    return _importInjector.default;
-		  }
-		});
-		exports.addDefault = addDefault;
-		exports.addNamed = addNamed;
-		exports.addNamespace = addNamespace;
-		exports.addSideEffect = addSideEffect;
-		Object.defineProperty(exports, "isModule", {
-		  enumerable: true,
-		  get: function () {
-		    return _isModule.default;
-		  }
-		});
-		var _importInjector = requireImportInjector();
-		var _isModule = requireIsModule();
-		function addDefault(path, importedSource, opts) {
-		  return new _importInjector.default(path).addDefault(importedSource, opts);
-		}
-		function addNamed(path, name, importedSource, opts) {
-		  return new _importInjector.default(path).addNamed(name, importedSource, opts);
-		}
-		function addNamespace(path, importedSource, opts) {
-		  return new _importInjector.default(path).addNamespace(importedSource, opts);
-		}
-		function addSideEffect(path, importedSource, opts) {
-		  return new _importInjector.default(path).addSideEffect(importedSource, opts);
-		}
-
-		
-	} (lib$2));
-	return lib$2;
-}
-
-var libExports$2 = requireLib$2();
-
 function hoistExpression(path, astExpression) {
   const programStatementPath = getProgramStatement(path);
   if (programStatementPath == null) {
@@ -715,7 +204,7 @@ function getProgramPath(path) {
   return programPath;
 }
 function addNamedImport(statementPath, as, from, options) {
-  const identifier = libExports$2.addNamed(statementPath, as, from, options);
+  const identifier = helperModuleImports.addNamed(statementPath, as, from, options);
   const programPath = getProgramPath(statementPath);
   if (programPath == null) {
     return identifier;
@@ -743,7 +232,7 @@ function addNamedImport(statementPath, as, from, options) {
   return importName;
 }
 function addDefaultImport(statementPath, from, options) {
-  const identifier = libExports$2.addDefault(statementPath, from, options);
+  const identifier = helperModuleImports.addDefault(statementPath, from, options);
   const programPath = getProgramPath(statementPath);
   if (programPath == null) {
     return identifier;
@@ -795,6 +284,26 @@ function getProgramStatement(path) {
   return programPath;
 }
 
+const defaultOptions = {
+  classNamePrefix: 'x',
+  dev: false,
+  debug: false,
+  enableDebugClassNames: false,
+  enableDevClassNames: false,
+  enableDebugDataProp: true,
+  enableFontSizePxToRem: false,
+  enableInlinedConditionalMerge: true,
+  enableMediaQueryOrder: true,
+  enableLegacyValueFlipping: false,
+  enableLogicalStylesPolyfill: false,
+  enableLTRRTLComments: false,
+  enableMinifiedKeys: true,
+  styleResolution: 'property-specificity',
+  importSources: [],
+  treeshakeCompensation: false,
+  test: false
+};
+
 const CheckModuleResolution = unionOf4(object({
   type: literal('commonJS'),
   rootDir: unionOf(nullish(), string()),
@@ -833,6 +342,7 @@ class StateManager {
   stylexKeyframesImport = new Set();
   stylexPositionTryImport = new Set();
   stylexDefineVarsImport = new Set();
+  stylexDefineMarkerImport = new Set();
   stylexDefineConstsImport = new Set();
   stylexCreateThemeImport = new Set();
   stylexTypesImport = new Set();
@@ -850,27 +360,27 @@ class StateManager {
     this.options = this.setOptions(state.opts ?? {});
   }
   setOptions(options) {
-    const dev = logAndDefault(boolean(), options.dev ?? false, false, 'options.dev');
+    const dev = logAndDefault(boolean(), options.dev ?? defaultOptions.dev, false, 'options.dev');
     const debug = logAndDefault(boolean(), options.debug ?? dev, false, 'options.debug');
-    const enableDebugClassNames = logAndDefault(boolean(), options.enableDebugClassNames ?? true, true, 'options.enableDebugClassNames');
-    const enableDebugDataProp = logAndDefault(boolean(), options.enableDebugDataProp ?? true, true, 'options.enableDebugDataProp');
-    const enableDevClassNames = logAndDefault(boolean(), options.enableDevClassNames ?? false, false, 'options.enableDevClassNames');
-    const enableFontSizePxToRem = logAndDefault(boolean(), options.enableFontSizePxToRem ?? false, false, 'options.enableFontSizePxToRem');
-    const enableInlinedConditionalMerge = logAndDefault(boolean(), options.enableInlinedConditionalMerge ?? true, true, 'options.enableInlinedConditionalMerge');
-    const enableMinifiedKeys = logAndDefault(boolean(), options.enableMinifiedKeys ?? true, true, 'options.enableMinifiedKeys');
-    const enableMediaQueryOrder = logAndDefault(boolean(), options.enableMediaQueryOrder ?? true, true, 'options.enableMediaQueryOrder');
-    const enableLegacyValueFlipping = logAndDefault(boolean(), options.enableLegacyValueFlipping ?? false, false, 'options.enableLegacyValueFlipping');
-    const enableLogicalStylesPolyfill = logAndDefault(boolean(), options.enableLogicalStylesPolyfill ?? false, false, 'options.enableLogicalStylesPolyfill');
-    const enableLTRRTLComments = logAndDefault(boolean(), options.enableLTRRTLComments ?? false, false, 'options.enableLTRRTLComments');
-    const test = logAndDefault(boolean(), options.test ?? false, false, 'options.test');
+    const enableDebugClassNames = logAndDefault(boolean(), options.enableDebugClassNames ?? defaultOptions.enableDebugClassNames, true, 'options.enableDebugClassNames');
+    const enableDebugDataProp = logAndDefault(boolean(), options.enableDebugDataProp ?? debug, false, 'options.enableDebugDataProp');
+    const enableDevClassNames = logAndDefault(boolean(), options.enableDevClassNames ?? dev, dev, 'options.enableDevClassNames');
+    const enableFontSizePxToRem = logAndDefault(boolean(), options.enableFontSizePxToRem ?? defaultOptions.enableFontSizePxToRem, false, 'options.enableFontSizePxToRem');
+    const enableInlinedConditionalMerge = logAndDefault(boolean(), options.enableInlinedConditionalMerge ?? defaultOptions.enableInlinedConditionalMerge, true, 'options.enableInlinedConditionalMerge');
+    const enableMinifiedKeys = logAndDefault(boolean(), options.enableMinifiedKeys ?? defaultOptions.enableMinifiedKeys, true, 'options.enableMinifiedKeys');
+    const enableMediaQueryOrder = logAndDefault(boolean(), options.enableMediaQueryOrder ?? defaultOptions.enableMediaQueryOrder, true, 'options.enableMediaQueryOrder');
+    const enableLegacyValueFlipping = logAndDefault(boolean(), options.enableLegacyValueFlipping ?? defaultOptions.enableLegacyValueFlipping, false, 'options.enableLegacyValueFlipping');
+    const enableLogicalStylesPolyfill = logAndDefault(boolean(), options.enableLogicalStylesPolyfill ?? defaultOptions.enableLogicalStylesPolyfill, false, 'options.enableLogicalStylesPolyfill');
+    const enableLTRRTLComments = logAndDefault(boolean(), options.enableLTRRTLComments ?? defaultOptions.enableLTRRTLComments, false, 'options.enableLTRRTLComments');
+    const test = logAndDefault(boolean(), options.test ?? defaultOptions.test, false, 'options.test');
     const configRuntimeInjection = logAndDefault(checkRuntimeInjection, options.runtimeInjection ?? false, false, 'options.runtimeInjection');
     const runtimeInjection = configRuntimeInjection === true ? DEFAULT_INJECT_PATH : configRuntimeInjection === false ? undefined : configRuntimeInjection;
-    const classNamePrefix = logAndDefault(string(), options.classNamePrefix ?? 'x', 'x', 'options.classNamePrefix');
-    const configuredImportSources = logAndDefault(checkImportSources, options.importSources ?? [], [], 'options.importSources');
+    const classNamePrefix = logAndDefault(string(), options.classNamePrefix ?? defaultOptions.classNamePrefix, 'x', 'options.classNamePrefix');
+    const configuredImportSources = logAndDefault(checkImportSources, options.importSources ?? defaultOptions.importSources, [], 'options.importSources');
     const importSources = [name, 'stylex', ...configuredImportSources];
-    const styleResolution = logAndDefault(unionOf3(literal('application-order'), literal('property-specificity'), literal('legacy-expand-shorthands')), options.styleResolution ?? 'property-specificity', 'property-specificity', 'options.styleResolution');
+    const styleResolution = logAndDefault(unionOf3(literal('application-order'), literal('property-specificity'), literal('legacy-expand-shorthands')), options.styleResolution ?? defaultOptions.styleResolution, 'property-specificity', 'options.styleResolution');
     const unstable_moduleResolution = logAndDefault(unionOf(nullish(), CheckModuleResolution), options.unstable_moduleResolution, null, 'options.unstable_moduleResolution');
-    const treeshakeCompensation = logAndDefault(boolean(), options.treeshakeCompensation ?? false, false, 'options.treeshakeCompensation');
+    const treeshakeCompensation = logAndDefault(boolean(), options.treeshakeCompensation ?? defaultOptions.treeshakeCompensation, false, 'options.treeshakeCompensation');
     const aliasesOption = logAndDefault(unionOf(nullish(), objectOf(unionOf(string(), array(string())))), options.aliases, null, 'options.aliases');
     const aliases = aliasesOption == null ? aliasesOption : Object.fromEntries(Object.entries(aliasesOption).map(([key, value]) => {
       if (typeof value === 'string') {
@@ -878,6 +388,7 @@ class StateManager {
       }
       return [key, value];
     }));
+    const debugFilePath = logAndDefault(optional(func()), options.debugFilePath, undefined, 'options.debugFilePath');
     const opts = {
       aliases,
       classNamePrefix,
@@ -900,7 +411,8 @@ class StateManager {
       styleResolution,
       test,
       treeshakeCompensation,
-      unstable_moduleResolution
+      unstable_moduleResolution,
+      debugFilePath
     };
     return opts;
   }
@@ -1085,11 +597,20 @@ class StateManager {
       });
       this.injectImportInserted = injectName;
     }
-    for (const [_key, {
-      ltr,
-      rtl
-    }, priority] of styles) {
-      statementPath.insertBefore(t__namespace.expressionStatement(t__namespace.callExpression(injectName, [t__namespace.stringLiteral(ltr), t__namespace.numericLiteral(priority), ...(rtl != null ? [t__namespace.stringLiteral(rtl)] : [])])));
+    for (const [_key, styleObj, priority] of styles) {
+      const {
+        ltr,
+        rtl
+      } = styleObj;
+      const args = [t__namespace.stringLiteral(ltr), t__namespace.numericLiteral(priority), ...(rtl != null ? [t__namespace.stringLiteral(rtl)] : [])];
+      if ('constKey' in styleObj && 'constVal' in styleObj) {
+        const {
+          constKey,
+          constVal
+        } = styleObj;
+        args.push(t__namespace.stringLiteral(constKey), typeof constVal === 'number' ? t__namespace.numericLiteral(constVal) : t__namespace.stringLiteral(String(constVal)));
+      }
+      statementPath.insertBefore(t__namespace.expressionStatement(t__namespace.callExpression(injectName, args)));
     }
   }
   markComposedNamespace(memberExpression) {
@@ -1216,6 +737,9 @@ function readImportDeclarations(path, state) {
             if (importedName === 'defineVars') {
               state.stylexDefineVarsImport.add(localName);
             }
+            if (importedName === 'defineMarker') {
+              state.stylexDefineMarkerImport.add(localName);
+            }
             if (importedName === 'defineConsts') {
               state.stylexDefineConstsImport.add(localName);
             }
@@ -1279,6 +803,9 @@ function readRequires(path, state) {
           if (prop.key.name === 'defineVars') {
             state.stylexDefineVarsImport.add(value.name);
           }
+          if (prop.key.name === 'defineMarker') {
+            state.stylexDefineMarkerImport.add(value.name);
+          }
           if (prop.key.name === 'defineConsts') {
             state.stylexDefineConstsImport.add(value.name);
           }
@@ -1342,23 +869,6 @@ function toBase62(num) {
 }
 const createShortHash = str => toBase62(murmurhash2_32_gc(str, 1) % 62 ** 5);
 
-const defaultOptions = {
-  classNamePrefix: 'x',
-  dev: false,
-  debug: false,
-  enableDebugClassNames: true,
-  enableDevClassNames: false,
-  enableDebugDataProp: true,
-  enableFontSizePxToRem: false,
-  enableMediaQueryOrder: false,
-  enableLegacyValueFlipping: false,
-  enableLogicalStylesPolyfill: false,
-  enableLTRRTLComments: false,
-  enableMinifiedKeys: true,
-  styleResolution: 'property-specificity',
-  test: false
-};
-
 const shorthands$2 = {
   all: _ => {
     throw new Error('all is not supported');
@@ -1539,604 +1049,24 @@ const expansions$3 = {
   ...aliases$2
 };
 
-var parse;
-var hasRequiredParse;
-
-function requireParse () {
-	if (hasRequiredParse) return parse;
-	hasRequiredParse = 1;
-	var openParentheses = "(".charCodeAt(0);
-	var closeParentheses = ")".charCodeAt(0);
-	var singleQuote = "'".charCodeAt(0);
-	var doubleQuote = '"'.charCodeAt(0);
-	var backslash = "\\".charCodeAt(0);
-	var slash = "/".charCodeAt(0);
-	var comma = ",".charCodeAt(0);
-	var colon = ":".charCodeAt(0);
-	var star = "*".charCodeAt(0);
-	var uLower = "u".charCodeAt(0);
-	var uUpper = "U".charCodeAt(0);
-	var plus = "+".charCodeAt(0);
-	var isUnicodeRange = /^[a-f0-9?-]+$/i;
-
-	parse = function(input) {
-	  var tokens = [];
-	  var value = input;
-
-	  var next,
-	    quote,
-	    prev,
-	    token,
-	    escape,
-	    escapePos,
-	    whitespacePos,
-	    parenthesesOpenPos;
-	  var pos = 0;
-	  var code = value.charCodeAt(pos);
-	  var max = value.length;
-	  var stack = [{ nodes: tokens }];
-	  var balanced = 0;
-	  var parent;
-
-	  var name = "";
-	  var before = "";
-	  var after = "";
-
-	  while (pos < max) {
-	    // Whitespaces
-	    if (code <= 32) {
-	      next = pos;
-	      do {
-	        next += 1;
-	        code = value.charCodeAt(next);
-	      } while (code <= 32);
-	      token = value.slice(pos, next);
-
-	      prev = tokens[tokens.length - 1];
-	      if (code === closeParentheses && balanced) {
-	        after = token;
-	      } else if (prev && prev.type === "div") {
-	        prev.after = token;
-	        prev.sourceEndIndex += token.length;
-	      } else if (
-	        code === comma ||
-	        code === colon ||
-	        (code === slash &&
-	          value.charCodeAt(next + 1) !== star &&
-	          (!parent ||
-	            (parent && parent.type === "function" && parent.value !== "calc")))
-	      ) {
-	        before = token;
-	      } else {
-	        tokens.push({
-	          type: "space",
-	          sourceIndex: pos,
-	          sourceEndIndex: next,
-	          value: token
-	        });
-	      }
-
-	      pos = next;
-
-	      // Quotes
-	    } else if (code === singleQuote || code === doubleQuote) {
-	      next = pos;
-	      quote = code === singleQuote ? "'" : '"';
-	      token = {
-	        type: "string",
-	        sourceIndex: pos,
-	        quote: quote
-	      };
-	      do {
-	        escape = false;
-	        next = value.indexOf(quote, next + 1);
-	        if (~next) {
-	          escapePos = next;
-	          while (value.charCodeAt(escapePos - 1) === backslash) {
-	            escapePos -= 1;
-	            escape = !escape;
-	          }
-	        } else {
-	          value += quote;
-	          next = value.length - 1;
-	          token.unclosed = true;
-	        }
-	      } while (escape);
-	      token.value = value.slice(pos + 1, next);
-	      token.sourceEndIndex = token.unclosed ? next : next + 1;
-	      tokens.push(token);
-	      pos = next + 1;
-	      code = value.charCodeAt(pos);
-
-	      // Comments
-	    } else if (code === slash && value.charCodeAt(pos + 1) === star) {
-	      next = value.indexOf("*/", pos);
-
-	      token = {
-	        type: "comment",
-	        sourceIndex: pos,
-	        sourceEndIndex: next + 2
-	      };
-
-	      if (next === -1) {
-	        token.unclosed = true;
-	        next = value.length;
-	        token.sourceEndIndex = next;
-	      }
-
-	      token.value = value.slice(pos + 2, next);
-	      tokens.push(token);
-
-	      pos = next + 2;
-	      code = value.charCodeAt(pos);
-
-	      // Operation within calc
-	    } else if (
-	      (code === slash || code === star) &&
-	      parent &&
-	      parent.type === "function" &&
-	      parent.value === "calc"
-	    ) {
-	      token = value[pos];
-	      tokens.push({
-	        type: "word",
-	        sourceIndex: pos - before.length,
-	        sourceEndIndex: pos + token.length,
-	        value: token
-	      });
-	      pos += 1;
-	      code = value.charCodeAt(pos);
-
-	      // Dividers
-	    } else if (code === slash || code === comma || code === colon) {
-	      token = value[pos];
-
-	      tokens.push({
-	        type: "div",
-	        sourceIndex: pos - before.length,
-	        sourceEndIndex: pos + token.length,
-	        value: token,
-	        before: before,
-	        after: ""
-	      });
-	      before = "";
-
-	      pos += 1;
-	      code = value.charCodeAt(pos);
-
-	      // Open parentheses
-	    } else if (openParentheses === code) {
-	      // Whitespaces after open parentheses
-	      next = pos;
-	      do {
-	        next += 1;
-	        code = value.charCodeAt(next);
-	      } while (code <= 32);
-	      parenthesesOpenPos = pos;
-	      token = {
-	        type: "function",
-	        sourceIndex: pos - name.length,
-	        value: name,
-	        before: value.slice(parenthesesOpenPos + 1, next)
-	      };
-	      pos = next;
-
-	      if (name === "url" && code !== singleQuote && code !== doubleQuote) {
-	        next -= 1;
-	        do {
-	          escape = false;
-	          next = value.indexOf(")", next + 1);
-	          if (~next) {
-	            escapePos = next;
-	            while (value.charCodeAt(escapePos - 1) === backslash) {
-	              escapePos -= 1;
-	              escape = !escape;
-	            }
-	          } else {
-	            value += ")";
-	            next = value.length - 1;
-	            token.unclosed = true;
-	          }
-	        } while (escape);
-	        // Whitespaces before closed
-	        whitespacePos = next;
-	        do {
-	          whitespacePos -= 1;
-	          code = value.charCodeAt(whitespacePos);
-	        } while (code <= 32);
-	        if (parenthesesOpenPos < whitespacePos) {
-	          if (pos !== whitespacePos + 1) {
-	            token.nodes = [
-	              {
-	                type: "word",
-	                sourceIndex: pos,
-	                sourceEndIndex: whitespacePos + 1,
-	                value: value.slice(pos, whitespacePos + 1)
-	              }
-	            ];
-	          } else {
-	            token.nodes = [];
-	          }
-	          if (token.unclosed && whitespacePos + 1 !== next) {
-	            token.after = "";
-	            token.nodes.push({
-	              type: "space",
-	              sourceIndex: whitespacePos + 1,
-	              sourceEndIndex: next,
-	              value: value.slice(whitespacePos + 1, next)
-	            });
-	          } else {
-	            token.after = value.slice(whitespacePos + 1, next);
-	            token.sourceEndIndex = next;
-	          }
-	        } else {
-	          token.after = "";
-	          token.nodes = [];
-	        }
-	        pos = next + 1;
-	        token.sourceEndIndex = token.unclosed ? next : pos;
-	        code = value.charCodeAt(pos);
-	        tokens.push(token);
-	      } else {
-	        balanced += 1;
-	        token.after = "";
-	        token.sourceEndIndex = pos + 1;
-	        tokens.push(token);
-	        stack.push(token);
-	        tokens = token.nodes = [];
-	        parent = token;
-	      }
-	      name = "";
-
-	      // Close parentheses
-	    } else if (closeParentheses === code && balanced) {
-	      pos += 1;
-	      code = value.charCodeAt(pos);
-
-	      parent.after = after;
-	      parent.sourceEndIndex += after.length;
-	      after = "";
-	      balanced -= 1;
-	      stack[stack.length - 1].sourceEndIndex = pos;
-	      stack.pop();
-	      parent = stack[balanced];
-	      tokens = parent.nodes;
-
-	      // Words
-	    } else {
-	      next = pos;
-	      do {
-	        if (code === backslash) {
-	          next += 1;
-	        }
-	        next += 1;
-	        code = value.charCodeAt(next);
-	      } while (
-	        next < max &&
-	        !(
-	          code <= 32 ||
-	          code === singleQuote ||
-	          code === doubleQuote ||
-	          code === comma ||
-	          code === colon ||
-	          code === slash ||
-	          code === openParentheses ||
-	          (code === star &&
-	            parent &&
-	            parent.type === "function" &&
-	            parent.value === "calc") ||
-	          (code === slash &&
-	            parent.type === "function" &&
-	            parent.value === "calc") ||
-	          (code === closeParentheses && balanced)
-	        )
-	      );
-	      token = value.slice(pos, next);
-
-	      if (openParentheses === code) {
-	        name = token;
-	      } else if (
-	        (uLower === token.charCodeAt(0) || uUpper === token.charCodeAt(0)) &&
-	        plus === token.charCodeAt(1) &&
-	        isUnicodeRange.test(token.slice(2))
-	      ) {
-	        tokens.push({
-	          type: "unicode-range",
-	          sourceIndex: pos,
-	          sourceEndIndex: next,
-	          value: token
-	        });
-	      } else {
-	        tokens.push({
-	          type: "word",
-	          sourceIndex: pos,
-	          sourceEndIndex: next,
-	          value: token
-	        });
-	      }
-
-	      pos = next;
-	    }
-	  }
-
-	  for (pos = stack.length - 1; pos; pos -= 1) {
-	    stack[pos].unclosed = true;
-	    stack[pos].sourceEndIndex = value.length;
-	  }
-
-	  return stack[0].nodes;
-	};
-	return parse;
-}
-
-var walk;
-var hasRequiredWalk;
-
-function requireWalk () {
-	if (hasRequiredWalk) return walk;
-	hasRequiredWalk = 1;
-	walk = function walk(nodes, cb, bubble) {
-	  var i, max, node, result;
-
-	  for (i = 0, max = nodes.length; i < max; i += 1) {
-	    node = nodes[i];
-	    if (!bubble) {
-	      result = cb(node, i, nodes);
-	    }
-
-	    if (
-	      result !== false &&
-	      node.type === "function" &&
-	      Array.isArray(node.nodes)
-	    ) {
-	      walk(node.nodes, cb, bubble);
-	    }
-
-	    if (bubble) {
-	      cb(node, i, nodes);
-	    }
-	  }
-	};
-	return walk;
-}
-
-var stringify_1;
-var hasRequiredStringify;
-
-function requireStringify () {
-	if (hasRequiredStringify) return stringify_1;
-	hasRequiredStringify = 1;
-	function stringifyNode(node, custom) {
-	  var type = node.type;
-	  var value = node.value;
-	  var buf;
-	  var customResult;
-
-	  if (custom && (customResult = custom(node)) !== undefined) {
-	    return customResult;
-	  } else if (type === "word" || type === "space") {
-	    return value;
-	  } else if (type === "string") {
-	    buf = node.quote || "";
-	    return buf + value + (node.unclosed ? "" : buf);
-	  } else if (type === "comment") {
-	    return "/*" + value + (node.unclosed ? "" : "*/");
-	  } else if (type === "div") {
-	    return (node.before || "") + value + (node.after || "");
-	  } else if (Array.isArray(node.nodes)) {
-	    buf = stringify(node.nodes, custom);
-	    if (type !== "function") {
-	      return buf;
-	    }
-	    return (
-	      value +
-	      "(" +
-	      (node.before || "") +
-	      buf +
-	      (node.after || "") +
-	      (node.unclosed ? "" : ")")
-	    );
-	  }
-	  return value;
-	}
-
-	function stringify(nodes, custom) {
-	  var result, i;
-
-	  if (Array.isArray(nodes)) {
-	    result = "";
-	    for (i = nodes.length - 1; ~i; i -= 1) {
-	      result = stringifyNode(nodes[i], custom) + result;
-	    }
-	    return result;
-	  }
-	  return stringifyNode(nodes, custom);
-	}
-
-	stringify_1 = stringify;
-	return stringify_1;
-}
-
-var unit;
-var hasRequiredUnit;
-
-function requireUnit () {
-	if (hasRequiredUnit) return unit;
-	hasRequiredUnit = 1;
-	var minus = "-".charCodeAt(0);
-	var plus = "+".charCodeAt(0);
-	var dot = ".".charCodeAt(0);
-	var exp = "e".charCodeAt(0);
-	var EXP = "E".charCodeAt(0);
-
-	// Check if three code points would start a number
-	// https://www.w3.org/TR/css-syntax-3/#starts-with-a-number
-	function likeNumber(value) {
-	  var code = value.charCodeAt(0);
-	  var nextCode;
-
-	  if (code === plus || code === minus) {
-	    nextCode = value.charCodeAt(1);
-
-	    if (nextCode >= 48 && nextCode <= 57) {
-	      return true;
-	    }
-
-	    var nextNextCode = value.charCodeAt(2);
-
-	    if (nextCode === dot && nextNextCode >= 48 && nextNextCode <= 57) {
-	      return true;
-	    }
-
-	    return false;
-	  }
-
-	  if (code === dot) {
-	    nextCode = value.charCodeAt(1);
-
-	    if (nextCode >= 48 && nextCode <= 57) {
-	      return true;
-	    }
-
-	    return false;
-	  }
-
-	  if (code >= 48 && code <= 57) {
-	    return true;
-	  }
-
-	  return false;
-	}
-
-	// Consume a number
-	// https://www.w3.org/TR/css-syntax-3/#consume-number
-	unit = function(value) {
-	  var pos = 0;
-	  var length = value.length;
-	  var code;
-	  var nextCode;
-	  var nextNextCode;
-
-	  if (length === 0 || !likeNumber(value)) {
-	    return false;
-	  }
-
-	  code = value.charCodeAt(pos);
-
-	  if (code === plus || code === minus) {
-	    pos++;
-	  }
-
-	  while (pos < length) {
-	    code = value.charCodeAt(pos);
-
-	    if (code < 48 || code > 57) {
-	      break;
-	    }
-
-	    pos += 1;
-	  }
-
-	  code = value.charCodeAt(pos);
-	  nextCode = value.charCodeAt(pos + 1);
-
-	  if (code === dot && nextCode >= 48 && nextCode <= 57) {
-	    pos += 2;
-
-	    while (pos < length) {
-	      code = value.charCodeAt(pos);
-
-	      if (code < 48 || code > 57) {
-	        break;
-	      }
-
-	      pos += 1;
-	    }
-	  }
-
-	  code = value.charCodeAt(pos);
-	  nextCode = value.charCodeAt(pos + 1);
-	  nextNextCode = value.charCodeAt(pos + 2);
-
-	  if (
-	    (code === exp || code === EXP) &&
-	    ((nextCode >= 48 && nextCode <= 57) ||
-	      ((nextCode === plus || nextCode === minus) &&
-	        nextNextCode >= 48 &&
-	        nextNextCode <= 57))
-	  ) {
-	    pos += nextCode === plus || nextCode === minus ? 3 : 2;
-
-	    while (pos < length) {
-	      code = value.charCodeAt(pos);
-
-	      if (code < 48 || code > 57) {
-	        break;
-	      }
-
-	      pos += 1;
-	    }
-	  }
-
-	  return {
-	    number: value.slice(0, pos),
-	    unit: value.slice(pos)
-	  };
-	};
-	return unit;
-}
-
-var lib$1;
-var hasRequiredLib$1;
-
-function requireLib$1 () {
-	if (hasRequiredLib$1) return lib$1;
-	hasRequiredLib$1 = 1;
-	var parse = requireParse();
-	var walk = requireWalk();
-	var stringify = requireStringify();
-
-	function ValueParser(value) {
-	  if (this instanceof ValueParser) {
-	    this.nodes = parse(value);
-	    return this;
-	  }
-	  return new ValueParser(value);
-	}
-
-	ValueParser.prototype.toString = function() {
-	  return Array.isArray(this.nodes) ? stringify(this.nodes) : "";
-	};
-
-	ValueParser.prototype.walk = function(cb, bubble) {
-	  walk(this.nodes, cb, bubble);
-	  return this;
-	};
-
-	ValueParser.unit = requireUnit();
-
-	ValueParser.walk = walk;
-
-	ValueParser.stringify = stringify;
-
-	lib$1 = ValueParser;
-	return lib$1;
-}
-
-var libExports$1 = requireLib$1();
-var parser = /*@__PURE__*/getDefaultExportFromCjs(libExports$1);
-
 function printNode(node) {
-  switch (node.type) {
-    case 'word':
-      return `${node.value}`;
-    case 'string':
-      return `${node.quote}${node.value}${node.quote}`;
-    case 'function':
-      return `${node.value}(${node.nodes.map(printNode).join('')})`;
-    default:
-      return node.value;
-  }
+  return ($$gen$m0 => {
+    if ((typeof $$gen$m0 === "object" && $$gen$m0 !== null || typeof $$gen$m0 === "function") && $$gen$m0.type === 'word' && "value" in $$gen$m0) {
+      const value = $$gen$m0.value;
+      return value;
+    }
+    if ((typeof $$gen$m0 === "object" && $$gen$m0 !== null || typeof $$gen$m0 === "function") && $$gen$m0.type === 'string' && "value" in $$gen$m0 && "quote" in $$gen$m0) {
+      const value = $$gen$m0.value;
+      const quote = $$gen$m0.quote;
+      return `${quote}${value}${quote}`;
+    }
+    if ((typeof $$gen$m0 === "object" && $$gen$m0 !== null || typeof $$gen$m0 === "function") && $$gen$m0.type === 'function' && "value" in $$gen$m0 && "nodes" in $$gen$m0) {
+      const value = $$gen$m0.value;
+      const nodes = $$gen$m0.nodes;
+      return `${value}(${nodes.map(printNode).join('')})`;
+    }
+    return node.value;
+  })(node);
 }
 function splitValue(str) {
   if (str == null || typeof str === 'number') {
@@ -2153,6 +1083,8 @@ function splitValue(str) {
   return nodes;
 }
 
+const LOGICAL_FLOAT_START_VAR = '--stylex-logical-start';
+const LOGICAL_FLOAT_END_VAR = '--stylex-logical-end';
 const listStyleGlobalValues = new Set(['inherit', 'initial', 'revert', 'unset']);
 const listStylePositionValues = new Set(['inside', 'outside']);
 const listStyleTypeRegex = /^([a-z-]+|".*?"|'.*?')$/;
@@ -2342,7 +1274,23 @@ const aliases$1 = {
   paddingBlockEnd: val => [['paddingBottom', val]],
   paddingInline: shorthands$1.paddingHorizontal,
   scrollMarginBlockStart: value => [['scrollMarginTop', value]],
-  scrollMarginBlockEnd: value => [['scrollMarginBottom', value]]
+  scrollMarginBlockEnd: value => [['scrollMarginBottom', value]],
+  float: value => {
+    if (value === 'inline-start' || value === 'start') {
+      return [['float', `var(${LOGICAL_FLOAT_START_VAR})`]];
+    } else if (value === 'inline-end' || value === 'end') {
+      return [['float', `var(${LOGICAL_FLOAT_END_VAR})`]];
+    }
+    return [['float', value]];
+  },
+  clear: value => {
+    if (value === 'inline-start' || value === 'start') {
+      return [['clear', `var(${LOGICAL_FLOAT_START_VAR})`]];
+    } else if (value === 'inline-end' || value === 'end') {
+      return [['clear', `var(${LOGICAL_FLOAT_END_VAR})`]];
+    }
+    return [['clear', value]];
+  }
 };
 const expansions$2 = {
   ...shorthands$1,
@@ -2470,7 +1418,7 @@ function flatMapExpandedShorthands(objEntry, options) {
   return [[key, value]];
 }
 
-var lib = {};
+var lib$1 = {};
 
 var tokenParser = {};
 
@@ -4192,7 +3140,7 @@ function requireMediaQuery () {
 	      case 'media-keyword':
 	        {
 	          const prefix = queries.not ? 'not ' : queries.only ? 'only ' : '';
-	          return prefix + queries.key;
+	          return prefix + (isTopLevel ? queries.key : `(${queries.key})`);
 	        }
 	      case 'word-rule':
 	        return `(${queries.keyValue})`;
@@ -4218,7 +3166,7 @@ function requireMediaQuery () {
 	          throw new Error(`cannot serialize media-pair value for key "${key}": ${String(value)}`);
 	        }
 	      case 'not':
-	        return queries.rule && (queries.rule.type === 'and' || queries.rule.type === 'or') ? `(not (${this.#toString(queries.rule)}))` : `(not ${this.#toString(queries.rule)})`;
+	        return queries.rule && (queries.rule.type === 'and' || queries.rule.type === 'or' || queries.rule.type === 'not') ? `(not (${this.#toString(queries.rule)}))` : `(not ${this.#toString(queries.rule)})`;
 	      case 'and':
 	        return queries.rules.map(rule => this.#toString(rule)).join(' and ');
 	      case 'or':
@@ -4409,11 +3357,11 @@ function requireMediaQueryTransform () {
 	return mediaQueryTransform;
 }
 
-var hasRequiredLib;
+var hasRequiredLib$1;
 
-function requireLib () {
-	if (hasRequiredLib) return lib;
-	hasRequiredLib = 1;
+function requireLib$1 () {
+	if (hasRequiredLib$1) return lib$1;
+	hasRequiredLib$1 = 1;
 	(function (exports) {
 
 		Object.defineProperty(exports, "__esModule", {
@@ -4432,11 +3380,11 @@ function requireLib () {
 		exports.properties = _properties;
 		var _mediaQueryTransform = requireMediaQueryTransform();
 		function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); } 
-	} (lib));
-	return lib;
+	} (lib$1));
+	return lib$1;
 }
 
-var libExports = requireLib();
+var libExports$1 = requireLib$1();
 
 const illegalArgumentLength = (fn, argLength) => `${fn}() should have ${argLength} argument${argLength === 1 ? '' : 's'}.`;
 const nonStaticValue = fn => `Only static values are allowed inside of a ${fn}() call.`;
@@ -4710,7 +3658,7 @@ function getNumberSuffix(key) {
     return suffix;
   }
 }
-const unitlessNumberProperties = new Set(['WebkitLineClamp', 'animationIterationCount', 'aspectRatio', 'borderImageOutset', 'borderImageSlice', 'borderImageWidth', 'counterSet', 'counterReset', 'columnCount', 'flex', 'flexGrow', 'flexShrink', 'flexOrder', 'gridRow', 'gridRowStart', 'gridRowEnd', 'gridColumn', 'gridColumnStart', 'gridColumnEnd', 'gridArea', 'fontWeight', 'hyphenateLimitChars', 'lineClamp', 'lineHeight', 'maskBorderOutset', 'maskBorderSlice', 'maskBorderWidth', 'opacity', 'order', 'orphans', 'tabSize', 'widows', 'zIndex', 'fillOpacity', 'floodOpacity', 'rotate', 'scale', 'shapeImageThreshold', 'stopOpacity', 'strokeDasharray', 'strokeDashoffset', 'strokeMiterlimit', 'strokeOpacity', 'strokeWidth', 'scale', 'mathDepth']);
+const unitlessNumberProperties = new Set(['WebkitLineClamp', 'animationIterationCount', 'aspectRatio', 'borderImageOutset', 'borderImageSlice', 'borderImageWidth', 'counterSet', 'counterReset', 'columnCount', 'flex', 'flexGrow', 'flexShrink', 'flexOrder', 'gridRow', 'gridRowStart', 'gridRowEnd', 'gridColumn', 'gridColumnStart', 'gridColumnEnd', 'gridArea', 'fontWeight', 'hyphenateLimitChars', 'lineClamp', 'lineHeight', 'maskBorderOutset', 'maskBorderSlice', 'maskBorderWidth', 'opacity', 'order', 'orphans', 'tabSize', 'widows', 'zIndex', 'fillOpacity', 'floodOpacity', 'rotate', 'scale', 'shapeImageThreshold', 'stopOpacity', 'strokeDasharray', 'strokeDashoffset', 'strokeMiterlimit', 'strokeOpacity', 'strokeWidth', 'scale', 'mathDepth', 'zoom']);
 const numberPropertySuffixes = {
   animationDelay: 'ms',
   animationDuration: 'ms',
@@ -4727,25 +3675,21 @@ const logicalToPhysical$1 = {
   'inline-start': 'left',
   'inline-end': 'right'
 };
-const legacyValuesPolyfill$1 = {
-  float: ([key, val]) => [key, logicalToPhysical$1[val] ?? val],
-  clear: ([key, val]) => [key, logicalToPhysical$1[val] ?? val]
-};
 const inlinePropertyToLTR = {
-  'margin-inline-start': ([_key, val]) => ['margin-left', val],
-  'margin-inline-end': ([_key, val]) => ['margin-right', val],
-  'padding-inline-start': ([_key, val]) => ['padding-left', val],
-  'padding-inline-end': ([_key, val]) => ['padding-right', val],
-  'border-inline-start': ([_key, val]) => ['border-left', val],
-  'border-inline-end': ([_key, val]) => ['border-right', val],
-  'border-inline-start-width': ([_key, val]) => ['border-left-width', val],
-  'border-inline-end-width': ([_key, val]) => ['border-right-width', val],
+  'margin-inline-start': ([_k, val]) => ['margin-left', val],
+  'margin-inline-end': ([_k, val]) => ['margin-right', val],
+  'padding-inline-start': ([_k, val]) => ['padding-left', val],
+  'padding-inline-end': ([_k, val]) => ['padding-right', val],
+  'border-inline-start': ([_k, val]) => ['border-left', val],
+  'border-inline-end': ([_k, val]) => ['border-right', val],
+  'border-inline-start-width': ([_k, val]) => ['border-left-width', val],
+  'border-inline-end-width': ([_k, val]) => ['border-right-width', val],
   'border-inline-start-color': ([_key, val]) => ['border-left-color', val],
   'border-inline-end-color': ([_key, val]) => ['border-right-color', val],
   'border-inline-start-style': ([_key, val]) => ['border-left-style', val],
   'border-inline-end-style': ([_key, val]) => ['border-right-style', val],
   'border-start-start-radius': ([_key, val]) => ['border-top-left-radius', val],
-  'border-end-start-radius': ([_key, val]) => ['border-bottom-left-radius', val],
+  'border-end-start-radius': ([_k, val]) => ['border-bottom-left-radius', val],
   'border-start-end-radius': ([_key, val]) => ['border-top-right-radius', val],
   'border-end-end-radius': ([_key, val]) => ['border-bottom-right-radius', val],
   'inset-inline-start': ([_key, val]) => ['left', val],
@@ -4765,13 +3709,13 @@ const propertyToLTR = {
   'border-start-style': ([_key, val]) => ['border-left-style', val],
   'border-end-style': ([_key, val]) => ['border-right-style', val],
   'border-top-start-radius': ([_key, val]) => ['border-top-left-radius', val],
-  'border-bottom-start-radius': ([_key, val]) => ['border-bottom-left-radius', val],
-  'border-top-end-radius': ([_key, val]) => ['border-top-right-radius', val],
-  'border-bottom-end-radius': ([_key, val]) => ['border-bottom-right-radius', val],
+  'border-bottom-start-radius': ([_k, v]) => ['border-bottom-left-radius', v],
+  'border-top-end-radius': ([_key, v]) => ['border-top-right-radius', v],
+  'border-bottom-end-radius': ([_k, v]) => ['border-bottom-right-radius', v],
   float: ([key, val]) => [key, logicalToPhysical$1[val] ?? val],
   clear: ([key, val]) => [key, logicalToPhysical$1[val] ?? val],
-  start: ([_key, val]) => ['left', val],
-  end: ([_key, val]) => ['right', val],
+  start: ([_k, val]) => ['left', val],
+  end: ([_k, val]) => ['right', val],
   'background-position': ([key, val]) => [key, val.split(' ').map(word => word === 'start' || word === 'insetInlineStart' ? 'left' : word === 'end' || word === 'insetInlineEnd' ? 'right' : word).join(' ')]
 };
 function generateLTR(pair, options = defaultOptions) {
@@ -4782,9 +3726,6 @@ function generateLTR(pair, options = defaultOptions) {
   const [key] = pair;
   if (styleResolution === 'legacy-expand-shorthands') {
     if (!enableLogicalStylesPolyfill) {
-      if (legacyValuesPolyfill$1[key]) {
-        return legacyValuesPolyfill$1[key](pair);
-      }
       return pair;
     }
     if (inlinePropertyToLTR[key]) {
@@ -4857,10 +3798,6 @@ const logicalToPhysical = {
   'inline-start': 'right',
   'inline-end': 'left'
 };
-const legacyValuesPolyfill = {
-  float: ([key, val]) => [key, logicalToPhysical[val] ?? val],
-  clear: ([key, val]) => [key, logicalToPhysical[val] ?? val]
-};
 const inlinePropertyToRTL = {
   'margin-inline-start': ([_key, val]) => ['margin-right', val],
   'margin-inline-end': ([_key, val]) => ['margin-left', val],
@@ -4874,8 +3811,8 @@ const inlinePropertyToRTL = {
   'border-inline-end-color': ([_key, val]) => ['border-left-color', val],
   'border-inline-start-style': ([_key, val]) => ['border-right-style', val],
   'border-inline-end-style': ([_key, val]) => ['border-left-style', val],
-  'border-start-start-radius': ([_key, val]) => ['border-top-right-radius', val],
-  'border-end-start-radius': ([_key, val]) => ['border-bottom-right-radius', val],
+  'border-start-start-radius': ([_k, val]) => ['border-top-right-radius', val],
+  'border-end-start-radius': ([_k, val]) => ['border-bottom-right-radius', val],
   'border-start-end-radius': ([_key, val]) => ['border-top-left-radius', val],
   'border-end-end-radius': ([_key, val]) => ['border-bottom-left-radius', val],
   'inset-inline-start': ([_key, val]) => ['right', val],
@@ -4895,9 +3832,9 @@ const propertyToRTL = {
   'border-start-style': ([_key, val]) => ['border-right-style', val],
   'border-end-style': ([_key, val]) => ['border-left-style', val],
   'border-top-start-radius': ([_key, val]) => ['border-top-right-radius', val],
-  'border-bottom-start-radius': ([_key, val]) => ['border-bottom-right-radius', val],
+  'border-bottom-start-radius': ([_k, v]) => ['border-bottom-right-radius', v],
   'border-top-end-radius': ([_key, val]) => ['border-top-left-radius', val],
-  'border-bottom-end-radius': ([_key, val]) => ['border-bottom-left-radius', val],
+  'border-bottom-end-radius': ([_k, val]) => ['border-bottom-left-radius', val],
   float: ([key, val]) => logicalToPhysical[val] != null ? [key, logicalToPhysical[val]] : null,
   clear: ([key, val]) => logicalToPhysical[val] != null ? [key, logicalToPhysical[val]] : null,
   start: ([_key, val]) => ['right', val],
@@ -4938,9 +3875,6 @@ function generateRTL(pair, options = defaultOptions) {
   const [key] = pair;
   if (styleResolution === 'legacy-expand-shorthands') {
     if (!enableLogicalStylesPolyfill) {
-      if (legacyValuesPolyfill[key]) {
-        return legacyValuesPolyfill[key](pair);
-      }
       return null;
     }
     if (inlinePropertyToRTL[key]) {
@@ -4953,569 +3887,633 @@ function generateRTL(pair, options = defaultOptions) {
   return propertyToRTL[key](pair, options);
 }
 
-const longHandPhysical = new Set();
-const longHandLogical = new Set();
-const shorthandsOfLonghands = new Set();
-const shorthandsOfShorthands = new Set();
-longHandLogical.add('background-blend-mode');
-longHandLogical.add('isolation');
-longHandLogical.add('mix-blend-mode');
-shorthandsOfShorthands.add('animation');
-longHandLogical.add('animation-composition');
-longHandLogical.add('animation-delay');
-longHandLogical.add('animation-direction');
-longHandLogical.add('animation-duration');
-longHandLogical.add('animation-fill-mode');
-longHandLogical.add('animation-iteration-count');
-longHandLogical.add('animation-name');
-longHandLogical.add('animation-play-state');
-shorthandsOfLonghands.add('animation-range');
-longHandLogical.add('animation-range-end');
-longHandLogical.add('animation-range-start');
-longHandLogical.add('animation-timing-function');
-longHandLogical.add('animation-timeline');
-shorthandsOfLonghands.add('scroll-timeline');
-longHandLogical.add('scroll-timeline-axis');
-longHandLogical.add('scroll-timeline-name');
-longHandLogical.add('timeline-scope');
-shorthandsOfLonghands.add('view-timeline');
-longHandLogical.add('view-timeline-axis');
-longHandLogical.add('view-timeline-inset');
-longHandLogical.add('view-timeline-name');
-shorthandsOfShorthands.add('background');
-longHandLogical.add('background-attachment');
-longHandLogical.add('background-clip');
-longHandLogical.add('background-color');
-longHandLogical.add('background-image');
-longHandLogical.add('background-origin');
-longHandLogical.add('background-repeat');
-longHandLogical.add('background-size');
-shorthandsOfLonghands.add('background-position');
-longHandLogical.add('background-position-x');
-longHandLogical.add('background-position-y');
-shorthandsOfShorthands.add('border');
-shorthandsOfLonghands.add('border-color');
-shorthandsOfLonghands.add('border-style');
-shorthandsOfLonghands.add('border-width');
-shorthandsOfShorthands.add('border-block');
-longHandLogical.add('border-block-color');
-longHandLogical.add('border-block-stylex');
-longHandLogical.add('border-block-width');
-shorthandsOfLonghands.add('border-block-start');
-shorthandsOfLonghands.add('border-top');
-longHandLogical.add('border-block-start-color');
-longHandPhysical.add('border-top-color');
-longHandLogical.add('border-block-start-style');
-longHandPhysical.add('border-top-style');
-longHandLogical.add('border-block-start-width');
-longHandPhysical.add('border-top-width');
-shorthandsOfLonghands.add('border-block-end');
-shorthandsOfLonghands.add('border-bottom');
-longHandLogical.add('border-block-end-color');
-longHandPhysical.add('border-bottom-color');
-longHandLogical.add('border-block-end-style');
-longHandPhysical.add('border-bottom-style');
-longHandLogical.add('border-block-end-width');
-longHandPhysical.add('border-bottom-width');
-shorthandsOfShorthands.add('border-inline');
-shorthandsOfLonghands.add('border-inline-color');
-shorthandsOfLonghands.add('border-inline-style');
-shorthandsOfLonghands.add('border-inline-width');
-shorthandsOfLonghands.add('border-inline-start');
-shorthandsOfLonghands.add('border-left');
-longHandLogical.add('border-inline-start-color');
-longHandPhysical.add('border-left-color');
-longHandLogical.add('border-inline-start-style');
-longHandPhysical.add('border-left-style');
-longHandLogical.add('border-inline-start-width');
-longHandPhysical.add('border-left-width');
-shorthandsOfLonghands.add('border-inline-end');
-shorthandsOfLonghands.add('border-right');
-longHandLogical.add('border-inline-end-color');
-longHandPhysical.add('border-right-color');
-longHandLogical.add('border-inline-end-style');
-longHandPhysical.add('border-right-style');
-longHandLogical.add('border-inline-end-width');
-longHandPhysical.add('border-right-width');
-shorthandsOfLonghands.add('border-image');
-longHandLogical.add('border-image-outset');
-longHandLogical.add('border-image-repeat');
-longHandLogical.add('border-image-slice');
-longHandLogical.add('border-image-source');
-longHandLogical.add('border-image-width');
-shorthandsOfLonghands.add('border-radius');
-longHandLogical.add('border-start-end-radius');
-longHandLogical.add('border-start-start-radius');
-longHandLogical.add('border-end-end-radius');
-longHandLogical.add('border-end-start-radius');
-longHandPhysical.add('border-top-left-radius');
-longHandPhysical.add('border-top-right-radius');
-longHandPhysical.add('border-bottom-left-radius');
-longHandPhysical.add('border-bottom-right-radius');
-longHandLogical.add('box-shadow');
-longHandLogical.add('accent-color');
-longHandLogical.add('appearance');
-longHandLogical.add('aspect-ratio');
-shorthandsOfLonghands.add('caret');
-longHandLogical.add('caret-color');
-longHandLogical.add('caret-shape');
-longHandLogical.add('cursor');
-longHandLogical.add('ime-mode');
-longHandLogical.add('input-security');
-shorthandsOfLonghands.add('outline');
-longHandLogical.add('outline-color');
-longHandLogical.add('outline-offset');
-longHandLogical.add('outline-style');
-longHandLogical.add('outline-width');
-longHandLogical.add('pointer-events');
-longHandLogical.add('resize');
-longHandLogical.add('text-overflow');
-longHandLogical.add('user-select');
-shorthandsOfLonghands.add('grid-gap');
-shorthandsOfLonghands.add('gap');
-longHandLogical.add('grid-row-gap');
-longHandLogical.add('row-gap');
-longHandLogical.add('grid-column-gap');
-longHandLogical.add('column-gap');
-shorthandsOfLonghands.add('place-content');
-longHandLogical.add('align-content');
-longHandLogical.add('justify-content');
-shorthandsOfLonghands.add('place-items');
-longHandLogical.add('align-items');
-longHandLogical.add('justify-items');
-shorthandsOfLonghands.add('place-self');
-longHandLogical.add('align-self');
-longHandLogical.add('justify-self');
-longHandLogical.add('box-sizing');
-longHandLogical.add('block-size');
-longHandPhysical.add('height');
-longHandLogical.add('inline-size');
-longHandPhysical.add('width');
-longHandLogical.add('max-block-size');
-longHandPhysical.add('max-height');
-longHandLogical.add('max-inline-size');
-longHandPhysical.add('max-width');
-longHandLogical.add('min-block-size');
-longHandPhysical.add('min-height');
-longHandLogical.add('min-inline-size');
-longHandPhysical.add('min-width');
-shorthandsOfShorthands.add('margin');
-shorthandsOfLonghands.add('margin-block');
-longHandLogical.add('margin-block-start');
-longHandPhysical.add('margin-top');
-longHandLogical.add('margin-block-end');
-longHandPhysical.add('margin-bottom');
-shorthandsOfLonghands.add('margin-inline');
-longHandLogical.add('margin-inline-start');
-longHandPhysical.add('margin-left');
-longHandLogical.add('margin-inline-end');
-longHandPhysical.add('margin-right');
-longHandLogical.add('margin-trim');
-shorthandsOfLonghands.add('overscroll-behavior');
-longHandLogical.add('overscroll-behavior-block');
-longHandPhysical.add('overscroll-behavior-y');
-longHandLogical.add('overscroll-behavior-inline');
-longHandPhysical.add('overscroll-behavior-x');
-shorthandsOfShorthands.add('padding');
-shorthandsOfLonghands.add('padding-block');
-longHandLogical.add('padding-block-start');
-longHandPhysical.add('padding-top');
-longHandLogical.add('padding-block-end');
-longHandPhysical.add('padding-bottom');
-shorthandsOfLonghands.add('padding-inline');
-longHandLogical.add('padding-inline-start');
-longHandPhysical.add('padding-left');
-longHandLogical.add('padding-inline-end');
-longHandPhysical.add('padding-right');
-longHandLogical.add('visibility');
-longHandLogical.add('color');
-longHandLogical.add('color-scheme');
-longHandLogical.add('forced-color-adjust');
-longHandLogical.add('opacity');
-longHandLogical.add('print-color-adjust');
-shorthandsOfLonghands.add('columns');
-longHandLogical.add('column-count');
-longHandLogical.add('column-width');
-longHandLogical.add('column-fill');
-longHandLogical.add('column-span');
-shorthandsOfLonghands.add('column-rule');
-longHandLogical.add('column-rule-color');
-longHandLogical.add('column-rule-style');
-longHandLogical.add('column-rule-width');
-longHandLogical.add('contain');
-shorthandsOfLonghands.add('contain-intrinsic-size');
-longHandLogical.add('contain-intrinsic-block-size');
-longHandLogical.add('contain-intrinsic-width');
-longHandLogical.add('contain-intrinsic-height');
-longHandLogical.add('contain-intrinsic-inline-size');
-shorthandsOfLonghands.add('container');
-longHandLogical.add('container-name');
-longHandLogical.add('container-type');
-longHandLogical.add('content-visibility');
-longHandLogical.add('counter-increment');
-longHandLogical.add('counter-reset');
-longHandLogical.add('counter-set');
-longHandLogical.add('display');
-shorthandsOfLonghands.add('flex');
-longHandLogical.add('flex-basis');
-longHandLogical.add('flex-grow');
-longHandLogical.add('flex-shrink');
-shorthandsOfLonghands.add('flex-flow');
-longHandLogical.add('flex-direction');
-longHandLogical.add('flex-wrap');
-longHandLogical.add('order');
-shorthandsOfShorthands.add('font');
-longHandLogical.add('font-family');
-longHandLogical.add('font-size');
-longHandLogical.add('font-stretch');
-longHandLogical.add('font-style');
-longHandLogical.add('font-weight');
-longHandLogical.add('line-height');
-shorthandsOfLonghands.add('font-variant');
-longHandLogical.add('font-variant-alternates');
-longHandLogical.add('font-variant-caps');
-longHandLogical.add('font-variant-east-asian');
-longHandLogical.add('font-variant-emoji');
-longHandLogical.add('font-variant-ligatures');
-longHandLogical.add('font-variant-numeric');
-longHandLogical.add('font-variant-position');
-longHandLogical.add('font-feature-settings');
-longHandLogical.add('font-kerning');
-longHandLogical.add('font-language-override');
-longHandLogical.add('font-optical-sizing');
-longHandLogical.add('font-palette');
-longHandLogical.add('font-variation-settings');
-longHandLogical.add('font-size-adjust');
-longHandLogical.add('font-smooth');
-longHandLogical.add('font-synthesis-position');
-longHandLogical.add('font-synthesis-small-caps');
-longHandLogical.add('font-synthesis-style');
-longHandLogical.add('font-synthesis-weight');
-longHandLogical.add('line-height-step');
-longHandLogical.add('box-decoration-break');
-longHandLogical.add('break-after');
-longHandLogical.add('break-before');
-longHandLogical.add('break-inside');
-longHandLogical.add('orphans');
-longHandLogical.add('widows');
-longHandLogical.add('content');
-longHandLogical.add('quotes');
-shorthandsOfShorthands.add('grid');
-longHandLogical.add('grid-auto-flow');
-longHandLogical.add('grid-auto-rows');
-longHandLogical.add('grid-auto-columns');
-shorthandsOfShorthands.add('grid-template');
-shorthandsOfLonghands.add('grid-template-areas');
-longHandLogical.add('grid-template-columns');
-longHandLogical.add('grid-template-rows');
-shorthandsOfShorthands.add('grid-area');
-shorthandsOfLonghands.add('grid-row');
-longHandLogical.add('grid-row-start');
-longHandLogical.add('grid-row-end');
-shorthandsOfLonghands.add('grid-column');
-longHandLogical.add('grid-column-start');
-longHandLogical.add('grid-column-end');
-longHandLogical.add('align-tracks');
-longHandLogical.add('justify-tracks');
-longHandLogical.add('masonry-auto-flow');
-longHandLogical.add('image-orientation');
-longHandLogical.add('image-rendering');
-longHandLogical.add('image-resolution');
-longHandLogical.add('object-fit');
-longHandLogical.add('object-position');
-longHandLogical.add('initial-letter');
-longHandLogical.add('initial-letter-align');
-shorthandsOfLonghands.add('list-style');
-longHandLogical.add('list-style-image');
-longHandLogical.add('list-style-position');
-longHandLogical.add('list-style-type');
-longHandLogical.add('clip');
-longHandLogical.add('clip-path');
-shorthandsOfLonghands.add('mask');
-longHandLogical.add('mask-clip');
-longHandLogical.add('mask-composite');
-longHandLogical.add('mask-image');
-longHandLogical.add('mask-mode');
-longHandLogical.add('mask-origin');
-longHandLogical.add('mask-position');
-longHandLogical.add('mask-repeat');
-longHandLogical.add('mask-size');
-longHandLogical.add('mask-type');
-shorthandsOfLonghands.add('mask-border');
-longHandLogical.add('mask-border-mode');
-longHandLogical.add('mask-border-outset');
-longHandLogical.add('mask-border-repeat');
-longHandLogical.add('mask-border-slice');
-longHandLogical.add('mask-border-source');
-longHandLogical.add('mask-border-width');
-shorthandsOfShorthands.add('all');
-longHandLogical.add('text-rendering');
-shorthandsOfLonghands.add('offset');
-longHandLogical.add('offset-anchor');
-longHandLogical.add('offset-distance');
-longHandLogical.add('offset-path');
-longHandLogical.add('offset-position');
-longHandLogical.add('offset-rotate');
-longHandLogical.add('-webkit-box-orient');
-longHandLogical.add('-webkit-line-clamp');
-shorthandsOfLonghands.add('overflow');
-longHandLogical.add('overflow-block');
-longHandPhysical.add('overflow-y');
-longHandLogical.add('overflow-inline');
-longHandPhysical.add('overflow-x');
-longHandLogical.add('overflow-clip-margin');
-longHandLogical.add('scroll-gutter');
-longHandLogical.add('scroll-behavior');
-longHandLogical.add('page');
-longHandLogical.add('page-break-after');
-longHandLogical.add('page-break-before');
-longHandLogical.add('page-break-inside');
-shorthandsOfShorthands.add('inset');
-shorthandsOfLonghands.add('inset-block');
-longHandLogical.add('inset-block-start');
-longHandPhysical.add('top');
-longHandLogical.add('inset-block-end');
-longHandPhysical.add('bottom');
-shorthandsOfLonghands.add('inset-inline');
-longHandLogical.add('inset-inline-start');
-longHandPhysical.add('left');
-longHandLogical.add('inset-inline-end');
-longHandPhysical.add('right');
-longHandLogical.add('clear');
-longHandLogical.add('float');
-longHandLogical.add('position');
-longHandLogical.add('z-index');
-longHandLogical.add('ruby-align');
-longHandLogical.add('ruby-merge');
-longHandLogical.add('ruby-position');
-longHandLogical.add('overflow-anchor');
-shorthandsOfShorthands.add('scroll-margin');
-shorthandsOfLonghands.add('scroll-margin-block');
-longHandLogical.add('scroll-margin-block-start');
-longHandPhysical.add('scroll-margin-top');
-longHandLogical.add('scroll-margin-block-end');
-longHandPhysical.add('scroll-margin-bottom');
-shorthandsOfLonghands.add('scroll-margin-inline');
-longHandLogical.add('scroll-margin-inline-start');
-longHandPhysical.add('scroll-margin-left');
-longHandLogical.add('scroll-margin-inline-end');
-longHandPhysical.add('scroll-margin-right');
-shorthandsOfShorthands.add('scroll-padding');
-shorthandsOfLonghands.add('scroll-padding-block');
-longHandLogical.add('scroll-padding-block-start');
-longHandPhysical.add('scroll-padding-top');
-longHandLogical.add('scroll-padding-block-end');
-longHandPhysical.add('scroll-padding-bottom');
-shorthandsOfLonghands.add('scroll-padding-inline');
-longHandLogical.add('scroll-padding-inline-start');
-longHandPhysical.add('scroll-padding-left');
-longHandLogical.add('scroll-padding-inline-end');
-longHandPhysical.add('scroll-padding-right');
-longHandLogical.add('scroll-snap-align');
-longHandLogical.add('scroll-snap-stop');
-shorthandsOfLonghands.add('scroll-snap-type');
-longHandLogical.add('scrollbar-color');
-longHandLogical.add('scrollbar-width');
-longHandLogical.add('shape-image-threshold');
-longHandLogical.add('shape-margin');
-longHandLogical.add('shape-outside');
-longHandLogical.add('azimuth');
-longHandLogical.add('border-collapse');
-longHandLogical.add('border-spacing');
-longHandLogical.add('caption-side');
-longHandLogical.add('empty-cells');
-longHandLogical.add('table-layout');
-longHandLogical.add('vertical-align');
-shorthandsOfLonghands.add('text-decoration');
-longHandLogical.add('text-decoration-color');
-longHandLogical.add('text-decoration-line');
-longHandLogical.add('text-decoration-skip');
-longHandLogical.add('text-decoration-skip-ink');
-longHandLogical.add('text-decoration-style');
-longHandLogical.add('text-decoration-thickness');
-shorthandsOfLonghands.add('text-emphasis');
-longHandLogical.add('text-emphasis-color');
-longHandLogical.add('text-emphasis-position');
-longHandLogical.add('text-emphasis-style');
-longHandLogical.add('text-shadow');
-longHandLogical.add('text-underline-offset');
-longHandLogical.add('text-underline-position');
-longHandLogical.add('hanging-punctuation');
-longHandLogical.add('hyphenate-character');
-longHandLogical.add('hyphenate-limit-chars');
-longHandLogical.add('hyphens');
-longHandLogical.add('letter-spacing');
-longHandLogical.add('line-break');
-longHandLogical.add('overflow-wrap');
-longHandLogical.add('paint-order');
-longHandLogical.add('tab-size');
-longHandLogical.add('text-align');
-longHandLogical.add('text-align-last');
-longHandLogical.add('text-indent');
-longHandLogical.add('text-justify');
-longHandLogical.add('text-size-adjust');
-longHandLogical.add('text-transform');
-longHandLogical.add('text-wrap');
-longHandLogical.add('white-space');
-longHandLogical.add('white-space-collapse');
-longHandLogical.add('word-break');
-longHandLogical.add('word-spacing');
-longHandLogical.add('word-wrap');
-longHandLogical.add('backface-visibility');
-longHandLogical.add('perspective');
-longHandLogical.add('perspective-origin');
-longHandLogical.add('rotate');
-longHandLogical.add('scale');
-longHandLogical.add('transform');
-longHandLogical.add('transform-box');
-longHandLogical.add('transform-origin');
-longHandLogical.add('transform-style');
-longHandLogical.add('translate');
-shorthandsOfLonghands.add('transition');
-longHandLogical.add('transition-delay');
-longHandLogical.add('transition-duration');
-longHandLogical.add('transition-property');
-longHandLogical.add('transition-timing-function');
-longHandLogical.add('view-transition-name');
-longHandLogical.add('will-change');
-longHandLogical.add('direction');
-longHandLogical.add('text-combine-upright');
-longHandLogical.add('text-orientation');
-longHandLogical.add('unicode-bidi');
-longHandLogical.add('writing-mode');
-longHandLogical.add('backdrop-filter');
-longHandLogical.add('filter');
-longHandLogical.add('math-depth');
-longHandLogical.add('math-shift');
-longHandLogical.add('math-style');
-longHandLogical.add('touch-action');
-const PSEUDO_CLASS_PRIORITIES = {
-  ':is': 40,
-  ':where': 40,
-  ':not': 40,
-  ':has': 45,
-  ':dir': 50,
-  ':lang': 51,
-  ':first-child': 52,
-  ':first-of-type': 53,
-  ':last-child': 54,
-  ':last-of-type': 55,
-  ':only-child': 56,
-  ':only-of-type': 57,
-  ':nth-child': 60,
-  ':nth-last-child': 61,
-  ':nth-of-type': 62,
-  ':nth-last-of-type': 63,
-  ':empty': 70,
-  ':link': 80,
-  ':any-link': 81,
-  ':local-link': 82,
-  ':target-within': 83,
-  ':target': 84,
-  ':visited': 85,
-  ':enabled': 91,
-  ':disabled': 92,
-  ':required': 93,
-  ':optional': 94,
-  ':read-only': 95,
-  ':read-write': 96,
-  ':placeholder-shown': 97,
-  ':in-range': 98,
-  ':out-of-range': 99,
-  ':default': 100,
-  ':checked': 101,
-  ':indeterminate': 101,
-  ':blank': 102,
-  ':valid': 103,
-  ':invalid': 104,
-  ':user-invalid': 105,
-  ':autofill': 110,
-  ':picture-in-picture': 120,
-  ':modal': 121,
-  ':fullscreen': 122,
-  ':paused': 123,
-  ':playing': 124,
-  ':current': 125,
-  ':past': 126,
-  ':future': 127,
-  ':hover': 130,
-  ':focusWithin': 140,
-  ':focus': 150,
-  ':focusVisible': 160,
-  ':active': 170
-};
-const AT_RULE_PRIORITIES = {
-  '@supports': 30,
-  '@media': 200,
-  '@container': 300
-};
-const PSEUDO_ELEMENT_PRIORITY = 5000;
-const RELATIONAL_SELECTORS = {
-  ANCESTOR: /^:where\(\.[0-9a-zA-Z_-]+(:[a-zA-Z-]+)\s+\*\)$/,
-  DESCENDANT: /^:where\(:has\(\.[0-9a-zA-Z_-]+(:[a-zA-Z-]+)\)\)$/,
-  SIBLING_BEFORE: /^:where\(\.[0-9a-zA-Z_-]+(:[a-zA-Z-]+)\s+~\s+\*\)$/,
-  SIBLING_AFTER: /^:where\(:has\(~\s\.[0-9a-zA-Z_-]+(:[a-zA-Z-]+)\)\)$/,
-  ANY_SIBLING: /^:where\(\.[0-9a-zA-Z_-]+(:[a-zA-Z-]+)\s+~\s+\*,\s+:has\(~\s\.[0-9a-zA-Z_-]+(:[a-zA-Z-]+)\)\)$/
-};
-function getPriority(key) {
-  if (key.startsWith('--')) {
-    return 1;
-  }
-  if (key.startsWith('@supports')) {
-    return AT_RULE_PRIORITIES['@supports'];
-  }
-  if (key.startsWith('@media')) {
-    return AT_RULE_PRIORITIES['@media'];
-  }
-  if (key.startsWith('@container')) {
-    return AT_RULE_PRIORITIES['@container'];
-  }
-  if (key.startsWith('::')) {
-    return PSEUDO_ELEMENT_PRIORITY;
-  }
-  const pseudoBase = p => (PSEUDO_CLASS_PRIORITIES[p] ?? 40) / 100;
-  const ancestorMatch = RELATIONAL_SELECTORS.ANCESTOR.exec(key);
-  if (ancestorMatch) {
-    return 10 + pseudoBase(ancestorMatch[1]);
-  }
-  const descendantMatch = RELATIONAL_SELECTORS.DESCENDANT.exec(key);
-  if (descendantMatch) {
-    return 15 + pseudoBase(descendantMatch[1]);
-  }
-  const anySiblingMatch = RELATIONAL_SELECTORS.ANY_SIBLING.exec(key);
-  if (anySiblingMatch) return 20 + Math.max(pseudoBase(anySiblingMatch[1]), pseudoBase(anySiblingMatch[2]));
-  const siblingBeforeMatch = RELATIONAL_SELECTORS.SIBLING_BEFORE.exec(key);
-  if (siblingBeforeMatch) {
-    return 30 + pseudoBase(siblingBeforeMatch[1]);
-  }
-  const siblingAfterMatch = RELATIONAL_SELECTORS.SIBLING_AFTER.exec(key);
-  if (siblingAfterMatch) {
-    return 40 + pseudoBase(siblingAfterMatch[1]);
-  }
-  if (key.startsWith(':')) {
-    const prop = key.startsWith(':') && key.includes('(') ? key.slice(0, key.indexOf('(')) : key;
-    return PSEUDO_CLASS_PRIORITIES[prop] ?? 40;
-  }
-  if (shorthandsOfShorthands.has(key)) {
-    return 1000;
-  }
-  if (shorthandsOfLonghands.has(key)) {
-    return 2000;
-  }
-  if (longHandLogical.has(key)) {
-    return 3000;
-  }
-  if (longHandPhysical.has(key)) {
-    return 4000;
-  }
-  return 3000;
+var lib = {};
+
+var propertyPriorities = {};
+
+var hasRequiredPropertyPriorities;
+
+function requirePropertyPriorities () {
+	if (hasRequiredPropertyPriorities) return propertyPriorities;
+	hasRequiredPropertyPriorities = 1;
+
+	Object.defineProperty(propertyPriorities, "__esModule", {
+	  value: true
+	});
+	propertyPriorities.PSEUDO_ELEMENT_PRIORITY = propertyPriorities.PSEUDO_CLASS_PRIORITIES = propertyPriorities.AT_RULE_PRIORITIES = void 0;
+	propertyPriorities.default = getPriority;
+	propertyPriorities.getAtRulePriority = getAtRulePriority;
+	propertyPriorities.getDefaultPriority = getDefaultPriority;
+	propertyPriorities.getPseudoClassPriority = getPseudoClassPriority;
+	propertyPriorities.getPseudoElementPriority = getPseudoElementPriority;
+	const longHandPhysical = new Set();
+	const longHandLogical = new Set();
+	const shorthandsOfLonghands = new Set();
+	const shorthandsOfShorthands = new Set();
+	longHandLogical.add('background-blend-mode');
+	longHandLogical.add('isolation');
+	longHandLogical.add('mix-blend-mode');
+	shorthandsOfShorthands.add('animation');
+	longHandLogical.add('animation-composition');
+	longHandLogical.add('animation-delay');
+	longHandLogical.add('animation-direction');
+	longHandLogical.add('animation-duration');
+	longHandLogical.add('animation-fill-mode');
+	longHandLogical.add('animation-iteration-count');
+	longHandLogical.add('animation-name');
+	longHandLogical.add('animation-play-state');
+	shorthandsOfLonghands.add('animation-range');
+	longHandLogical.add('animation-range-end');
+	longHandLogical.add('animation-range-start');
+	longHandLogical.add('animation-timing-function');
+	longHandLogical.add('animation-timeline');
+	shorthandsOfLonghands.add('scroll-timeline');
+	longHandLogical.add('scroll-timeline-axis');
+	longHandLogical.add('scroll-timeline-name');
+	longHandLogical.add('timeline-scope');
+	shorthandsOfLonghands.add('view-timeline');
+	longHandLogical.add('view-timeline-axis');
+	longHandLogical.add('view-timeline-inset');
+	longHandLogical.add('view-timeline-name');
+	shorthandsOfShorthands.add('background');
+	longHandLogical.add('background-attachment');
+	longHandLogical.add('background-clip');
+	longHandLogical.add('background-color');
+	longHandLogical.add('background-image');
+	longHandLogical.add('background-origin');
+	longHandLogical.add('background-repeat');
+	longHandLogical.add('background-size');
+	shorthandsOfLonghands.add('background-position');
+	longHandLogical.add('background-position-x');
+	longHandLogical.add('background-position-y');
+	shorthandsOfShorthands.add('border');
+	shorthandsOfLonghands.add('border-color');
+	shorthandsOfLonghands.add('border-style');
+	shorthandsOfLonghands.add('border-width');
+	shorthandsOfShorthands.add('border-block');
+	longHandLogical.add('border-block-color');
+	longHandLogical.add('border-block-stylex');
+	longHandLogical.add('border-block-width');
+	shorthandsOfLonghands.add('border-block-start');
+	shorthandsOfLonghands.add('border-top');
+	longHandLogical.add('border-block-start-color');
+	longHandPhysical.add('border-top-color');
+	longHandLogical.add('border-block-start-style');
+	longHandPhysical.add('border-top-style');
+	longHandLogical.add('border-block-start-width');
+	longHandPhysical.add('border-top-width');
+	shorthandsOfLonghands.add('border-block-end');
+	shorthandsOfLonghands.add('border-bottom');
+	longHandLogical.add('border-block-end-color');
+	longHandPhysical.add('border-bottom-color');
+	longHandLogical.add('border-block-end-style');
+	longHandPhysical.add('border-bottom-style');
+	longHandLogical.add('border-block-end-width');
+	longHandPhysical.add('border-bottom-width');
+	shorthandsOfShorthands.add('border-inline');
+	shorthandsOfLonghands.add('border-inline-color');
+	shorthandsOfLonghands.add('border-inline-style');
+	shorthandsOfLonghands.add('border-inline-width');
+	shorthandsOfLonghands.add('border-inline-start');
+	shorthandsOfLonghands.add('border-left');
+	longHandLogical.add('border-inline-start-color');
+	longHandPhysical.add('border-left-color');
+	longHandLogical.add('border-inline-start-style');
+	longHandPhysical.add('border-left-style');
+	longHandLogical.add('border-inline-start-width');
+	longHandPhysical.add('border-left-width');
+	shorthandsOfLonghands.add('border-inline-end');
+	shorthandsOfLonghands.add('border-right');
+	longHandLogical.add('border-inline-end-color');
+	longHandPhysical.add('border-right-color');
+	longHandLogical.add('border-inline-end-style');
+	longHandPhysical.add('border-right-style');
+	longHandLogical.add('border-inline-end-width');
+	longHandPhysical.add('border-right-width');
+	shorthandsOfLonghands.add('border-image');
+	longHandLogical.add('border-image-outset');
+	longHandLogical.add('border-image-repeat');
+	longHandLogical.add('border-image-slice');
+	longHandLogical.add('border-image-source');
+	longHandLogical.add('border-image-width');
+	shorthandsOfLonghands.add('border-radius');
+	longHandLogical.add('border-start-end-radius');
+	longHandLogical.add('border-start-start-radius');
+	longHandLogical.add('border-end-end-radius');
+	longHandLogical.add('border-end-start-radius');
+	longHandPhysical.add('border-top-left-radius');
+	longHandPhysical.add('border-top-right-radius');
+	longHandPhysical.add('border-bottom-left-radius');
+	longHandPhysical.add('border-bottom-right-radius');
+	longHandLogical.add('box-shadow');
+	longHandLogical.add('accent-color');
+	longHandLogical.add('appearance');
+	longHandLogical.add('aspect-ratio');
+	shorthandsOfLonghands.add('caret');
+	longHandLogical.add('caret-color');
+	longHandLogical.add('caret-shape');
+	longHandLogical.add('cursor');
+	longHandLogical.add('ime-mode');
+	longHandLogical.add('input-security');
+	shorthandsOfLonghands.add('outline');
+	longHandLogical.add('outline-color');
+	longHandLogical.add('outline-offset');
+	longHandLogical.add('outline-style');
+	longHandLogical.add('outline-width');
+	longHandLogical.add('pointer-events');
+	longHandLogical.add('resize');
+	longHandLogical.add('text-overflow');
+	longHandLogical.add('user-select');
+	shorthandsOfLonghands.add('grid-gap');
+	shorthandsOfLonghands.add('gap');
+	longHandLogical.add('grid-row-gap');
+	longHandLogical.add('row-gap');
+	longHandLogical.add('grid-column-gap');
+	longHandLogical.add('column-gap');
+	shorthandsOfLonghands.add('place-content');
+	longHandLogical.add('align-content');
+	longHandLogical.add('justify-content');
+	shorthandsOfLonghands.add('place-items');
+	longHandLogical.add('align-items');
+	longHandLogical.add('justify-items');
+	shorthandsOfLonghands.add('place-self');
+	longHandLogical.add('align-self');
+	longHandLogical.add('justify-self');
+	longHandLogical.add('box-sizing');
+	longHandLogical.add('block-size');
+	longHandPhysical.add('height');
+	longHandLogical.add('inline-size');
+	longHandPhysical.add('width');
+	longHandLogical.add('max-block-size');
+	longHandPhysical.add('max-height');
+	longHandLogical.add('max-inline-size');
+	longHandPhysical.add('max-width');
+	longHandLogical.add('min-block-size');
+	longHandPhysical.add('min-height');
+	longHandLogical.add('min-inline-size');
+	longHandPhysical.add('min-width');
+	shorthandsOfShorthands.add('margin');
+	shorthandsOfLonghands.add('margin-block');
+	longHandLogical.add('margin-block-start');
+	longHandPhysical.add('margin-top');
+	longHandLogical.add('margin-block-end');
+	longHandPhysical.add('margin-bottom');
+	shorthandsOfLonghands.add('margin-inline');
+	longHandLogical.add('margin-inline-start');
+	longHandPhysical.add('margin-left');
+	longHandLogical.add('margin-inline-end');
+	longHandPhysical.add('margin-right');
+	longHandLogical.add('margin-trim');
+	shorthandsOfLonghands.add('overscroll-behavior');
+	longHandLogical.add('overscroll-behavior-block');
+	longHandPhysical.add('overscroll-behavior-y');
+	longHandLogical.add('overscroll-behavior-inline');
+	longHandPhysical.add('overscroll-behavior-x');
+	shorthandsOfShorthands.add('padding');
+	shorthandsOfLonghands.add('padding-block');
+	longHandLogical.add('padding-block-start');
+	longHandPhysical.add('padding-top');
+	longHandLogical.add('padding-block-end');
+	longHandPhysical.add('padding-bottom');
+	shorthandsOfLonghands.add('padding-inline');
+	longHandLogical.add('padding-inline-start');
+	longHandPhysical.add('padding-left');
+	longHandLogical.add('padding-inline-end');
+	longHandPhysical.add('padding-right');
+	longHandLogical.add('visibility');
+	longHandLogical.add('color');
+	longHandLogical.add('color-scheme');
+	longHandLogical.add('forced-color-adjust');
+	longHandLogical.add('opacity');
+	longHandLogical.add('print-color-adjust');
+	shorthandsOfLonghands.add('columns');
+	longHandLogical.add('column-count');
+	longHandLogical.add('column-width');
+	longHandLogical.add('column-fill');
+	longHandLogical.add('column-span');
+	shorthandsOfLonghands.add('column-rule');
+	longHandLogical.add('column-rule-color');
+	longHandLogical.add('column-rule-style');
+	longHandLogical.add('column-rule-width');
+	longHandLogical.add('contain');
+	shorthandsOfLonghands.add('contain-intrinsic-size');
+	longHandLogical.add('contain-intrinsic-block-size');
+	longHandLogical.add('contain-intrinsic-width');
+	longHandLogical.add('contain-intrinsic-height');
+	longHandLogical.add('contain-intrinsic-inline-size');
+	shorthandsOfLonghands.add('container');
+	longHandLogical.add('container-name');
+	longHandLogical.add('container-type');
+	longHandLogical.add('content-visibility');
+	longHandLogical.add('counter-increment');
+	longHandLogical.add('counter-reset');
+	longHandLogical.add('counter-set');
+	longHandLogical.add('display');
+	shorthandsOfLonghands.add('flex');
+	longHandLogical.add('flex-basis');
+	longHandLogical.add('flex-grow');
+	longHandLogical.add('flex-shrink');
+	shorthandsOfLonghands.add('flex-flow');
+	longHandLogical.add('flex-direction');
+	longHandLogical.add('flex-wrap');
+	longHandLogical.add('order');
+	shorthandsOfShorthands.add('font');
+	longHandLogical.add('font-family');
+	longHandLogical.add('font-size');
+	longHandLogical.add('font-stretch');
+	longHandLogical.add('font-style');
+	longHandLogical.add('font-weight');
+	longHandLogical.add('line-height');
+	shorthandsOfLonghands.add('font-variant');
+	longHandLogical.add('font-variant-alternates');
+	longHandLogical.add('font-variant-caps');
+	longHandLogical.add('font-variant-east-asian');
+	longHandLogical.add('font-variant-emoji');
+	longHandLogical.add('font-variant-ligatures');
+	longHandLogical.add('font-variant-numeric');
+	longHandLogical.add('font-variant-position');
+	longHandLogical.add('font-feature-settings');
+	longHandLogical.add('font-kerning');
+	longHandLogical.add('font-language-override');
+	longHandLogical.add('font-optical-sizing');
+	longHandLogical.add('font-palette');
+	longHandLogical.add('font-variation-settings');
+	longHandLogical.add('font-size-adjust');
+	longHandLogical.add('font-smooth');
+	longHandLogical.add('font-synthesis-position');
+	longHandLogical.add('font-synthesis-small-caps');
+	longHandLogical.add('font-synthesis-style');
+	longHandLogical.add('font-synthesis-weight');
+	longHandLogical.add('line-height-step');
+	longHandLogical.add('box-decoration-break');
+	longHandLogical.add('break-after');
+	longHandLogical.add('break-before');
+	longHandLogical.add('break-inside');
+	longHandLogical.add('orphans');
+	longHandLogical.add('widows');
+	longHandLogical.add('content');
+	longHandLogical.add('quotes');
+	shorthandsOfShorthands.add('grid');
+	longHandLogical.add('grid-auto-flow');
+	longHandLogical.add('grid-auto-rows');
+	longHandLogical.add('grid-auto-columns');
+	shorthandsOfShorthands.add('grid-template');
+	shorthandsOfLonghands.add('grid-template-areas');
+	longHandLogical.add('grid-template-columns');
+	longHandLogical.add('grid-template-rows');
+	shorthandsOfShorthands.add('grid-area');
+	shorthandsOfLonghands.add('grid-row');
+	longHandLogical.add('grid-row-start');
+	longHandLogical.add('grid-row-end');
+	shorthandsOfLonghands.add('grid-column');
+	longHandLogical.add('grid-column-start');
+	longHandLogical.add('grid-column-end');
+	longHandLogical.add('align-tracks');
+	longHandLogical.add('justify-tracks');
+	longHandLogical.add('masonry-auto-flow');
+	longHandLogical.add('image-orientation');
+	longHandLogical.add('image-rendering');
+	longHandLogical.add('image-resolution');
+	longHandLogical.add('object-fit');
+	longHandLogical.add('object-position');
+	longHandLogical.add('initial-letter');
+	longHandLogical.add('initial-letter-align');
+	shorthandsOfLonghands.add('list-style');
+	longHandLogical.add('list-style-image');
+	longHandLogical.add('list-style-position');
+	longHandLogical.add('list-style-type');
+	longHandLogical.add('clip');
+	longHandLogical.add('clip-path');
+	shorthandsOfLonghands.add('mask');
+	longHandLogical.add('mask-clip');
+	longHandLogical.add('mask-composite');
+	longHandLogical.add('mask-image');
+	longHandLogical.add('mask-mode');
+	longHandLogical.add('mask-origin');
+	longHandLogical.add('mask-position');
+	longHandLogical.add('mask-repeat');
+	longHandLogical.add('mask-size');
+	longHandLogical.add('mask-type');
+	shorthandsOfLonghands.add('mask-border');
+	longHandLogical.add('mask-border-mode');
+	longHandLogical.add('mask-border-outset');
+	longHandLogical.add('mask-border-repeat');
+	longHandLogical.add('mask-border-slice');
+	longHandLogical.add('mask-border-source');
+	longHandLogical.add('mask-border-width');
+	shorthandsOfShorthands.add('all');
+	longHandLogical.add('text-rendering');
+	shorthandsOfLonghands.add('offset');
+	longHandLogical.add('offset-anchor');
+	longHandLogical.add('offset-distance');
+	longHandLogical.add('offset-path');
+	longHandLogical.add('offset-position');
+	longHandLogical.add('offset-rotate');
+	longHandLogical.add('-webkit-box-orient');
+	longHandLogical.add('-webkit-line-clamp');
+	shorthandsOfLonghands.add('overflow');
+	longHandLogical.add('overflow-block');
+	longHandPhysical.add('overflow-y');
+	longHandLogical.add('overflow-inline');
+	longHandPhysical.add('overflow-x');
+	longHandLogical.add('overflow-clip-margin');
+	longHandLogical.add('scroll-gutter');
+	longHandLogical.add('scroll-behavior');
+	longHandLogical.add('page');
+	longHandLogical.add('page-break-after');
+	longHandLogical.add('page-break-before');
+	longHandLogical.add('page-break-inside');
+	shorthandsOfShorthands.add('inset');
+	shorthandsOfLonghands.add('inset-block');
+	longHandLogical.add('inset-block-start');
+	longHandPhysical.add('top');
+	longHandLogical.add('inset-block-end');
+	longHandPhysical.add('bottom');
+	shorthandsOfLonghands.add('inset-inline');
+	longHandLogical.add('inset-inline-start');
+	longHandPhysical.add('left');
+	longHandLogical.add('inset-inline-end');
+	longHandPhysical.add('right');
+	longHandLogical.add('clear');
+	longHandLogical.add('float');
+	longHandLogical.add('position');
+	longHandLogical.add('z-index');
+	longHandLogical.add('ruby-align');
+	longHandLogical.add('ruby-merge');
+	longHandLogical.add('ruby-position');
+	longHandLogical.add('overflow-anchor');
+	shorthandsOfShorthands.add('scroll-margin');
+	shorthandsOfLonghands.add('scroll-margin-block');
+	longHandLogical.add('scroll-margin-block-start');
+	longHandPhysical.add('scroll-margin-top');
+	longHandLogical.add('scroll-margin-block-end');
+	longHandPhysical.add('scroll-margin-bottom');
+	shorthandsOfLonghands.add('scroll-margin-inline');
+	longHandLogical.add('scroll-margin-inline-start');
+	longHandPhysical.add('scroll-margin-left');
+	longHandLogical.add('scroll-margin-inline-end');
+	longHandPhysical.add('scroll-margin-right');
+	shorthandsOfShorthands.add('scroll-padding');
+	shorthandsOfLonghands.add('scroll-padding-block');
+	longHandLogical.add('scroll-padding-block-start');
+	longHandPhysical.add('scroll-padding-top');
+	longHandLogical.add('scroll-padding-block-end');
+	longHandPhysical.add('scroll-padding-bottom');
+	shorthandsOfLonghands.add('scroll-padding-inline');
+	longHandLogical.add('scroll-padding-inline-start');
+	longHandPhysical.add('scroll-padding-left');
+	longHandLogical.add('scroll-padding-inline-end');
+	longHandPhysical.add('scroll-padding-right');
+	longHandLogical.add('scroll-snap-align');
+	longHandLogical.add('scroll-snap-stop');
+	shorthandsOfLonghands.add('scroll-snap-type');
+	longHandLogical.add('scrollbar-color');
+	longHandLogical.add('scrollbar-width');
+	longHandLogical.add('shape-image-threshold');
+	longHandLogical.add('shape-margin');
+	longHandLogical.add('shape-outside');
+	longHandLogical.add('azimuth');
+	longHandLogical.add('border-collapse');
+	longHandLogical.add('border-spacing');
+	longHandLogical.add('caption-side');
+	longHandLogical.add('empty-cells');
+	longHandLogical.add('table-layout');
+	longHandLogical.add('vertical-align');
+	shorthandsOfLonghands.add('text-decoration');
+	longHandLogical.add('text-decoration-color');
+	longHandLogical.add('text-decoration-line');
+	longHandLogical.add('text-decoration-skip');
+	longHandLogical.add('text-decoration-skip-ink');
+	longHandLogical.add('text-decoration-style');
+	longHandLogical.add('text-decoration-thickness');
+	shorthandsOfLonghands.add('text-emphasis');
+	longHandLogical.add('text-emphasis-color');
+	longHandLogical.add('text-emphasis-position');
+	longHandLogical.add('text-emphasis-style');
+	longHandLogical.add('text-shadow');
+	longHandLogical.add('text-underline-offset');
+	longHandLogical.add('text-underline-position');
+	longHandLogical.add('hanging-punctuation');
+	longHandLogical.add('hyphenate-character');
+	longHandLogical.add('hyphenate-limit-chars');
+	longHandLogical.add('hyphens');
+	longHandLogical.add('letter-spacing');
+	longHandLogical.add('line-break');
+	longHandLogical.add('overflow-wrap');
+	longHandLogical.add('paint-order');
+	longHandLogical.add('tab-size');
+	longHandLogical.add('text-align');
+	longHandLogical.add('text-align-last');
+	longHandLogical.add('text-indent');
+	longHandLogical.add('text-justify');
+	longHandLogical.add('text-size-adjust');
+	longHandLogical.add('text-transform');
+	longHandLogical.add('text-wrap');
+	longHandLogical.add('white-space');
+	longHandLogical.add('white-space-collapse');
+	longHandLogical.add('word-break');
+	longHandLogical.add('word-spacing');
+	longHandLogical.add('word-wrap');
+	longHandLogical.add('backface-visibility');
+	longHandLogical.add('perspective');
+	longHandLogical.add('perspective-origin');
+	longHandLogical.add('rotate');
+	longHandLogical.add('scale');
+	longHandLogical.add('transform');
+	longHandLogical.add('transform-box');
+	longHandLogical.add('transform-origin');
+	longHandLogical.add('transform-style');
+	longHandLogical.add('translate');
+	shorthandsOfLonghands.add('transition');
+	longHandLogical.add('transition-delay');
+	longHandLogical.add('transition-duration');
+	longHandLogical.add('transition-property');
+	longHandLogical.add('transition-timing-function');
+	longHandLogical.add('view-transition-name');
+	longHandLogical.add('will-change');
+	longHandLogical.add('direction');
+	longHandLogical.add('text-combine-upright');
+	longHandLogical.add('text-orientation');
+	longHandLogical.add('unicode-bidi');
+	longHandLogical.add('writing-mode');
+	longHandLogical.add('backdrop-filter');
+	longHandLogical.add('filter');
+	longHandLogical.add('math-depth');
+	longHandLogical.add('math-shift');
+	longHandLogical.add('math-style');
+	longHandLogical.add('touch-action');
+	const PSEUDO_CLASS_PRIORITIES = propertyPriorities.PSEUDO_CLASS_PRIORITIES = {
+	  ':is': 40,
+	  ':where': 40,
+	  ':not': 40,
+	  ':has': 45,
+	  ':dir': 50,
+	  ':lang': 51,
+	  ':first-child': 52,
+	  ':first-of-type': 53,
+	  ':last-child': 54,
+	  ':last-of-type': 55,
+	  ':only-child': 56,
+	  ':only-of-type': 57,
+	  ':nth-child': 60,
+	  ':nth-last-child': 61,
+	  ':nth-of-type': 62,
+	  ':nth-last-of-type': 63,
+	  ':empty': 70,
+	  ':link': 80,
+	  ':any-link': 81,
+	  ':local-link': 82,
+	  ':target-within': 83,
+	  ':target': 84,
+	  ':visited': 85,
+	  ':enabled': 91,
+	  ':disabled': 92,
+	  ':required': 93,
+	  ':optional': 94,
+	  ':read-only': 95,
+	  ':read-write': 96,
+	  ':placeholder-shown': 97,
+	  ':in-range': 98,
+	  ':out-of-range': 99,
+	  ':default': 100,
+	  ':checked': 101,
+	  ':indeterminate': 101,
+	  ':blank': 102,
+	  ':valid': 103,
+	  ':invalid': 104,
+	  ':user-invalid': 105,
+	  ':autofill': 110,
+	  ':picture-in-picture': 120,
+	  ':modal': 121,
+	  ':fullscreen': 122,
+	  ':paused': 123,
+	  ':playing': 124,
+	  ':current': 125,
+	  ':past': 126,
+	  ':future': 127,
+	  ':hover': 130,
+	  ':focusWithin': 140,
+	  ':focus': 150,
+	  ':focusVisible': 160,
+	  ':active': 170
+	};
+	const AT_RULE_PRIORITIES = propertyPriorities.AT_RULE_PRIORITIES = {
+	  '@supports': 30,
+	  '@media': 200,
+	  '@container': 300
+	};
+	const PSEUDO_ELEMENT_PRIORITY = propertyPriorities.PSEUDO_ELEMENT_PRIORITY = 5000;
+	const RELATIONAL_SELECTORS = {
+	  ANCESTOR: /^:where\(\.[0-9a-zA-Z_-]+(:[a-zA-Z-]+)\s+\*\)$/,
+	  DESCENDANT: /^:where\(:has\(\.[0-9a-zA-Z_-]+(:[a-zA-Z-]+)\)\)$/,
+	  SIBLING_BEFORE: /^:where\(\.[0-9a-zA-Z_-]+(:[a-zA-Z-]+)\s+~\s+\*\)$/,
+	  SIBLING_AFTER: /^:where\(:has\(~\s\.[0-9a-zA-Z_-]+(:[a-zA-Z-]+)\)\)$/,
+	  ANY_SIBLING: /^:where\(\.[0-9a-zA-Z_-]+(:[a-zA-Z-]+)\s+~\s+\*,\s+:has\(~\s\.[0-9a-zA-Z_-]+(:[a-zA-Z-]+)\)\)$/
+	};
+	function getAtRulePriority(key) {
+	  if (key.startsWith('--')) {
+	    return 1;
+	  }
+	  if (key.startsWith('@supports')) {
+	    return AT_RULE_PRIORITIES['@supports'];
+	  }
+	  if (key.startsWith('@media')) {
+	    return AT_RULE_PRIORITIES['@media'];
+	  }
+	  if (key.startsWith('@container')) {
+	    return AT_RULE_PRIORITIES['@container'];
+	  }
+	}
+	function getPseudoElementPriority(key) {
+	  if (key.startsWith('::')) {
+	    return PSEUDO_ELEMENT_PRIORITY;
+	  }
+	}
+	function getPseudoClassPriority(key) {
+	  const pseudoBase = p => (PSEUDO_CLASS_PRIORITIES[p] ?? 40) / 100;
+	  const ancestorMatch = RELATIONAL_SELECTORS.ANCESTOR.exec(key);
+	  if (ancestorMatch) {
+	    return 10 + pseudoBase(ancestorMatch[1]);
+	  }
+	  const descendantMatch = RELATIONAL_SELECTORS.DESCENDANT.exec(key);
+	  if (descendantMatch) {
+	    return 15 + pseudoBase(descendantMatch[1]);
+	  }
+	  const anySiblingMatch = RELATIONAL_SELECTORS.ANY_SIBLING.exec(key);
+	  if (anySiblingMatch) return 20 + Math.max(pseudoBase(anySiblingMatch[1]), pseudoBase(anySiblingMatch[2]));
+	  const siblingBeforeMatch = RELATIONAL_SELECTORS.SIBLING_BEFORE.exec(key);
+	  if (siblingBeforeMatch) {
+	    return 30 + pseudoBase(siblingBeforeMatch[1]);
+	  }
+	  const siblingAfterMatch = RELATIONAL_SELECTORS.SIBLING_AFTER.exec(key);
+	  if (siblingAfterMatch) {
+	    return 40 + pseudoBase(siblingAfterMatch[1]);
+	  }
+	  if (key.startsWith(':')) {
+	    const prop = key.startsWith(':') && key.includes('(') ? key.slice(0, key.indexOf('(')) : key;
+	    return PSEUDO_CLASS_PRIORITIES[prop] ?? 40;
+	  }
+	}
+	function getDefaultPriority(key) {
+	  if (shorthandsOfShorthands.has(key)) {
+	    return 1000;
+	  }
+	  if (shorthandsOfLonghands.has(key)) {
+	    return 2000;
+	  }
+	  if (longHandLogical.has(key)) {
+	    return 3000;
+	  }
+	  if (longHandPhysical.has(key)) {
+	    return 4000;
+	  }
+	}
+	function getPriority(key) {
+	  const atRulePriority = getAtRulePriority(key);
+	  if (atRulePriority) return atRulePriority;
+	  const pseudoElementPriority = getPseudoElementPriority(key);
+	  if (pseudoElementPriority) return pseudoElementPriority;
+	  const pseudoClassPriority = getPseudoClassPriority(key);
+	  if (pseudoClassPriority) return pseudoClassPriority;
+	  const defaultPriority = getDefaultPriority(key);
+	  if (defaultPriority) return defaultPriority;
+	  return 3000;
+	}
+	return propertyPriorities;
 }
 
+var hasRequiredLib;
+
+function requireLib () {
+	if (hasRequiredLib) return lib;
+	hasRequiredLib = 1;
+
+	Object.defineProperty(lib, "__esModule", {
+	  value: true
+	});
+	lib.getPseudoElementPriority = lib.getPseudoClassPriority = lib.getPriority = lib.getDefaultPriority = lib.getAtRulePriority = lib.PSEUDO_ELEMENT_PRIORITY = lib.PSEUDO_CLASS_PRIORITIES = lib.AT_RULE_PRIORITIES = void 0;
+	var _propertyPriorities = _interopRequireWildcard(requirePropertyPriorities());
+	function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+	lib.getAtRulePriority = _propertyPriorities.getAtRulePriority;
+	lib.getPseudoElementPriority = _propertyPriorities.getPseudoElementPriority;
+	lib.getPseudoClassPriority = _propertyPriorities.getPseudoClassPriority;
+	lib.getDefaultPriority = _propertyPriorities.getDefaultPriority;
+	lib.getPriority = _propertyPriorities.default;
+	lib.PSEUDO_CLASS_PRIORITIES = _propertyPriorities.PSEUDO_CLASS_PRIORITIES;
+	lib.AT_RULE_PRIORITIES = _propertyPriorities.AT_RULE_PRIORITIES;
+	lib.PSEUDO_ELEMENT_PRIORITY = _propertyPriorities.PSEUDO_ELEMENT_PRIORITY;
+	return lib;
+}
+
+var libExports = requireLib();
+
 const THUMB_VARIANTS = ['::-webkit-slider-thumb', '::-moz-range-thumb', '::-ms-thumb'];
 function buildNestedCSSRule(className, decls, pseudos, atRules, constRules) {
   const pseudo = pseudos.filter(p => p !== '::thumb').join('');
   const combinedAtRules = atRules.concat(constRules);
-  let selectorForAtRules = `.${className}` + combinedAtRules.map(() => `.${className}`).join('') + pseudo;
+  const hasWhere = pseudo.includes(':where(');
+  const extraClassForWhere = hasWhere ? `.${className}` : '';
+  let selectorForAtRules = `.${className}` + extraClassForWhere + combinedAtRules.map(() => `.${className}`).join('') + pseudo;
   if (pseudos.includes('::thumb')) {
     selectorForAtRules = THUMB_VARIANTS.map(suffix => selectorForAtRules + suffix).join(', ');
   }
@@ -5528,7 +4526,7 @@ function generateCSSRule(className, key, value, pseudos, atRules, constRules, op
   const rtlDecls = pairs.map(pair => generateRTL(pair, options)).filter(Boolean).map(pair => pair.join(':')).join(';');
   const ltrRule = buildNestedCSSRule(className, ltrDecls, pseudos, atRules, constRules);
   const rtlRule = !rtlDecls ? null : buildNestedCSSRule(className, rtlDecls, pseudos, atRules, constRules);
-  const priority = getPriority(key) + pseudos.map(getPriority).reduce((a, b) => a + b, 0) + atRules.map(getPriority).reduce((a, b) => a + b, 0) + constRules.map(getPriority).reduce((a, b) => a + b, 0);
+  const priority = libExports.getPriority(key) + pseudos.map(libExports.getPriority).reduce((a, b) => a + b, 0) + atRules.map(libExports.getPriority).reduce((a, b) => a + b, 0) + constRules.map(libExports.getPriority).reduce((a, b) => a + b, 0);
   return {
     priority,
     ltr: ltrRule,
@@ -5739,7 +4737,7 @@ class PreRuleSet {
 function flattenRawStyleObject(style, options) {
   let processedStyle = style;
   try {
-    processedStyle = options.enableMediaQueryOrder ? libExports.lastMediaQueryWinsTransform(style) : style;
+    processedStyle = options.enableMediaQueryOrder ? libExports$1.lastMediaQueryWinsTransform(style) : style;
   } catch (error) {
     throw new Error(INVALID_MEDIA_QUERY_SYNTAX);
   }
@@ -6397,7 +5395,27 @@ function genFileBasedIdentifier({
   return `${fileName}//${exportName}${key != null ? `.${key}` : ''}`;
 }
 
+function fromProxy(value) {
+  if (typeof value === 'object' && value != null && value.__IS_PROXY === true && typeof value.toString === 'function') {
+    return value.toString();
+  }
+  return null;
+}
+function fromStyleXStyle(value) {
+  if (typeof value === 'object' && value != null && value.$$css === true) {
+    return Object.keys(value).find(key => key !== '$$css');
+  }
+  return null;
+}
 function getDefaultMarkerClassName(options = defaultOptions) {
+  const valueFromProxy = fromProxy(options);
+  if (valueFromProxy != null) {
+    return valueFromProxy;
+  }
+  const valueFromStyleXStyle = fromStyleXStyle(options);
+  if (valueFromStyleXStyle != null) {
+    return valueFromStyleXStyle;
+  }
   const prefix = options.classNamePrefix != null ? `${options.classNamePrefix}-` : '';
   return `${prefix}default-marker`;
 }
@@ -6473,21 +5491,37 @@ function getPackagePrefix(absolutePath) {
   }
   return undefined;
 }
-function getShortPath(relativePath) {
+function getShortPath(relativePath, state) {
+  if (state.options.unstable_moduleResolution?.type === 'commonJS' && state.options.unstable_moduleResolution?.rootDir) {
+    const appRootPath = state.options.unstable_moduleResolution?.rootDir;
+    return path.relative(appRootPath, relativePath);
+  }
   return relativePath.split(path.sep).slice(-2).join('/');
 }
 function createShortFilename(absolutePath, state) {
-  const isHaste = state.options.unstable_moduleResolution?.type === 'haste';
-  const relativePath = path.relative(process.cwd(), absolutePath);
+  if (typeof state.options.debugFilePath === 'function') {
+    return state.options.debugFilePath(absolutePath);
+  }
+  const cwdPackage = state.getPackageNameAndPath(process.cwd());
+  const packageDetails = state.getPackageNameAndPath(absolutePath);
+  if (packageDetails) {
+    const [packageName, packageRootPath] = packageDetails;
+    const relativePath = path.relative(packageRootPath, absolutePath);
+    if (cwdPackage && cwdPackage[0] === packageName) {
+      return relativePath;
+    }
+    return `${packageName}:${relativePath}`;
+  }
   const packagePrefix = getPackagePrefix(absolutePath);
   if (packagePrefix) {
-    const shortPath = getShortPath(relativePath);
+    const shortPath = getShortPath(absolutePath, state);
     return `${packagePrefix}:${shortPath}`;
   } else {
+    const isHaste = state.options.unstable_moduleResolution?.type === 'haste';
     if (isHaste) {
       return path.basename(absolutePath);
     }
-    return getShortPath(relativePath);
+    return getShortPath(absolutePath, state);
   }
 }
 function addSourceMapData(obj, babelPath, state) {
@@ -6556,9 +5590,6 @@ function convertToTestStyles(obj, varName, state) {
 function convertObjectToAST(obj) {
   return t__namespace.objectExpression(Object.entries(obj).map(([key, value]) => t__namespace.objectProperty(t__namespace.isValidIdentifier(key, false) ? t__namespace.identifier(key) : t__namespace.stringLiteral(key), typeof value === 'string' ? t__namespace.stringLiteral(value) : typeof value === 'number' ? t__namespace.numericLiteral(value) : typeof value === 'boolean' ? t__namespace.booleanLiteral(value) : value === null ? t__namespace.nullLiteral() : convertObjectToAST(value))));
 }
-function removeObjectsWithSpreads(obj) {
-  return Object.fromEntries(Object.entries(obj).filter(Boolean));
-}
 
 const IMPORT_FILE_PARSING_ERROR = `There was error when attempting to parse the imported file.
 Please ensure that the 'babelrc' file is configured to be able to parse this file.
@@ -6594,6 +5625,43 @@ function isValidCallee(val) {
 function isInvalidMethod(val) {
   return INVALID_METHODS.includes(val);
 }
+const MUTATING_ARRAY_METHODS = new Set(['push', 'pop', 'shift', 'unshift', 'splice', 'sort', 'reverse', 'fill', 'copyWithin']);
+function isMutated(binding) {
+  for (const path of binding.referencePaths) {
+    const parentPath = path.parentPath;
+    if (!parentPath) continue;
+    if (parentPath.isMemberExpression() && parentPath.node.object === path.node) {
+      const memberExpr = parentPath;
+      const parent = memberExpr.parentPath;
+      if (!parent) continue;
+      if (parent.isAssignmentExpression() && parent.node.left === memberExpr.node) {
+        return true;
+      }
+      if (parent.isUpdateExpression()) {
+        return true;
+      }
+      if (parent.isUnaryExpression({
+        operator: 'delete'
+      })) {
+        return true;
+      }
+      if (parent.isCallExpression() && parent.node.callee === memberExpr.node) {
+        const property = memberExpr.node.property;
+        if (t__namespace.isIdentifier(property) && MUTATING_ARRAY_METHODS.has(property.name)) {
+          return true;
+        }
+      }
+    }
+    if (parentPath?.isCallExpression() && path.listKey === 'arguments' && path.key === 0) {
+      const callExpr = parentPath;
+      const callee = callExpr.get('callee');
+      if (callee.matchesPattern('Object.assign') || callee.matchesPattern('Object.defineProperty') || callee.matchesPattern('Object.defineProperties') || callee.matchesPattern('Object.setPrototypeOf')) {
+        return true;
+      }
+    }
+  }
+  return false;
+}
 function deopt(path, state, reason) {
   if (!state.confident) return;
   state.deoptPath = path;
@@ -6667,6 +5735,15 @@ function evaluateThemeRef(fileName, exportName, state) {
   };
   const proxy = new Proxy({}, {
     get(_, key) {
+      if (key === '__IS_PROXY') {
+        return true;
+      }
+      if (key === 'toString') {
+        return () => state.traversalState.options.classNamePrefix + utils.hash(utils.genFileBasedIdentifier({
+          fileName,
+          exportName
+        }));
+      }
       return resolveKey(key);
     },
     set(_, key, value) {
@@ -6815,7 +5892,7 @@ function _evaluate(path, state) {
       const imported = importSpecifierNode.imported;
       const importedName = imported.type === 'Identifier' ? imported.name : imported.value;
       const importPath = binding.path.parentPath;
-      if (importPath && importPath.isImportDeclaration()) {
+      if (importPath && importPath.isImportDeclaration() && !state.functions.disableImports) {
         const absPath = state.traversalState.importPathResolver(importPath.node.source.value);
         if (!absPath) {
           return deopt(binding.path, state, IMPORT_PATH_RESOLUTION_ERROR);
@@ -6839,6 +5916,9 @@ function _evaluate(path, state) {
     if (binding && binding.constantViolations.length > 0) {
       return deopt(binding.path, state, NON_CONSTANT);
     }
+    if (binding && isMutated(binding)) {
+      return deopt(binding.path, state, NON_CONSTANT);
+    }
     if (binding && path.node.start < binding.path.node.end) {
       return deopt(binding.path, state, USED_BEFORE_DECLARATION);
     }
@@ -7159,7 +6239,8 @@ function evaluateQuasis(path, quasis, state, raw = false) {
 const importsForState = new WeakMap();
 function evaluate(path, traversalState, functions = {
   identifiers: {},
-  memberExpressions: {}
+  memberExpressions: {},
+  disableImports: false
 }, seen = new Map()) {
   const addedImports = importsForState.get(traversalState) ?? new Set();
   importsForState.set(traversalState, addedImports);
@@ -7508,7 +6589,7 @@ function transformStyleXCreate(path, state) {
       };
     }
     if (varName != null && isTopLevel(path)) {
-      const stylesToRemember = removeObjectsWithSpreads(compiledStyles);
+      const stylesToRemember = Object.fromEntries(Object.entries(compiledStyles));
       state.styleMap.set(varName, stylesToRemember);
       state.styleVars.set(varName, path.parentPath);
     }
@@ -7924,7 +7005,7 @@ function transformStyleXDefineConsts(callExpressionPath, state) {
       ltr: obj.ltr,
       rtl: obj.rtl ?? null
     }, obj.priority]);
-    state.registerStyles(styles);
+    state.registerStyles(styles, variableDeclaratorPath);
   }
 }
 function validateStyleXDefineConsts(callExpressionPath) {
@@ -8313,6 +7394,13 @@ function genBitwiseOrOfConditions$1(conditions) {
   });
 }
 
+class ConditionalStyle {
+  constructor(test, primary, fallback) {
+    this.test = test;
+    this.primary = primary;
+    this.fallback = fallback;
+  }
+}
 function skipStylexPropsChildren(path, state) {
   if (!isCalleeIdentifier(path, state) && !isCalleeMemberExpression(path, state)) {
     return;
@@ -8320,15 +7408,12 @@ function skipStylexPropsChildren(path, state) {
   path.skip();
 }
 function transformStylexProps(path, state) {
-  const {
-    node
-  } = path;
   if (!isCalleeIdentifier(path, state) && !isCalleeMemberExpression(path, state)) {
     return;
   }
   let bailOut = false;
   let conditional = 0;
-  const args = node.arguments.flatMap(arg => arg.type === 'ArrayExpression' ? arg.elements : [arg]);
+  const argsPath = path.get('arguments').flatMap(argPath => argPath.isArrayExpression() ? argPath.get('elements') : [argPath]);
   let currentIndex = -1;
   let bailOutIndex = null;
   const identifiers = {};
@@ -8345,67 +7430,57 @@ function transformStylexProps(path, state) {
   });
   const evaluatePathFnConfig = {
     identifiers,
-    memberExpressions
+    memberExpressions,
+    disableImports: true
   };
   const resolvedArgs = [];
-  for (const arg of args) {
+  for (const argPath of argsPath) {
     currentIndex++;
-    switch (arg.type) {
-      case 'MemberExpression':
-        {
-          const resolved = parseNullableStyle(arg, state);
-          if (resolved === 'other') {
-            bailOutIndex = currentIndex;
-            bailOut = true;
-          } else {
-            resolvedArgs.push(resolved);
-          }
-          break;
-        }
-      case 'ConditionalExpression':
-        {
-          const {
-            test,
-            consequent,
-            alternate
-          } = arg;
-          const primary = parseNullableStyle(consequent, state);
-          const fallback = parseNullableStyle(alternate, state);
-          if (primary === 'other' || fallback === 'other') {
-            bailOutIndex = currentIndex;
-            bailOut = true;
-          } else {
-            resolvedArgs.push([test, primary, fallback]);
-            conditional++;
-          }
-          break;
-        }
-      case 'LogicalExpression':
-        {
-          if (arg.operator !== '&&') {
-            bailOutIndex = currentIndex;
-            bailOut = true;
-            break;
-          }
-          const {
-            left,
-            right
-          } = arg;
-          const leftResolved = parseNullableStyle(left, state);
-          const rightResolved = parseNullableStyle(right, state);
-          if (leftResolved !== 'other' || rightResolved === 'other') {
-            bailOutIndex = currentIndex;
-            bailOut = true;
-          } else {
-            resolvedArgs.push([left, rightResolved, null]);
-            conditional++;
-          }
-          break;
-        }
-      default:
+    if (argPath.isObjectExpression() || argPath.isIdentifier() || argPath.isMemberExpression()) {
+      const resolved = parseNullableStyle(argPath, state, evaluatePathFnConfig);
+      if (resolved === 'other') {
+        bailOutIndex = currentIndex;
+        bailOut = true;
+      } else {
+        resolvedArgs.push(resolved);
+      }
+    } else if (argPath.isConditionalExpression()) {
+      const arg = argPath.node;
+      const {
+        test
+      } = arg;
+      const consequentPath = argPath.get('consequent');
+      const alternatePath = argPath.get('alternate');
+      const primary = parseNullableStyle(consequentPath, state, evaluatePathFnConfig);
+      const fallback = parseNullableStyle(alternatePath, state, evaluatePathFnConfig);
+      if (primary === 'other' || fallback === 'other') {
+        bailOutIndex = currentIndex;
+        bailOut = true;
+      } else {
+        resolvedArgs.push(new ConditionalStyle(test, primary, fallback));
+        conditional++;
+      }
+    } else if (argPath.isLogicalExpression()) {
+      const arg = argPath.node;
+      if (arg.operator !== '&&') {
         bailOutIndex = currentIndex;
         bailOut = true;
         break;
+      }
+      const leftPath = argPath.get('left');
+      const rightPath = argPath.get('right');
+      const leftResolved = parseNullableStyle(leftPath, state, evaluatePathFnConfig);
+      const rightResolved = parseNullableStyle(rightPath, state, evaluatePathFnConfig);
+      if (leftResolved !== 'other' || rightResolved === 'other') {
+        bailOutIndex = currentIndex;
+        bailOut = true;
+      } else {
+        resolvedArgs.push(new ConditionalStyle(leftPath.node, rightResolved, null));
+        conditional++;
+      }
+    } else {
+      bailOutIndex = currentIndex;
+      bailOut = true;
     }
     if (conditional > 4) {
       bailOut = true;
@@ -8450,7 +7525,7 @@ function transformStylexProps(path, state) {
             confident,
             value: styleValue
           } = evaluate(path, state, evaluatePathFnConfig);
-          if (!confident || styleValue == null) {
+          if (!confident || styleValue == null || styleValue.__IS_PROXY === true) {
             nonNullProps = true;
             styleNonNullProps = true;
           } else {
@@ -8501,7 +7576,8 @@ function transformStylexProps(path, state) {
     path.replaceWith(stringExpression);
   }
 }
-function parseNullableStyle(node, state) {
+function parseNullableStyle(path, state, evaluatePathFnConfig) {
+  const node = path.node;
   if (t__namespace.isNullLiteral(node) || t__namespace.isIdentifier(node) && node.name === 'undefined') {
     return null;
   }
@@ -8528,10 +7604,17 @@ function parseNullableStyle(node, state) {
       }
     }
   }
+  const parsedObj = evaluate(path, state, evaluatePathFnConfig);
+  if (parsedObj.confident && parsedObj.value != null && typeof parsedObj.value === 'object') {
+    if (parsedObj.value.__IS_PROXY === true) {
+      return 'other';
+    }
+    return parsedObj.value;
+  }
   return 'other';
 }
 function makeStringExpression(values) {
-  const conditions = values.filter(v => Array.isArray(v)).map(v => v[0]);
+  const conditions = values.filter(v => v instanceof ConditionalStyle).map(v => v.test);
   if (conditions.length === 0) {
     const result = stylex.props(values);
     return convertObjectToAST(result);
@@ -8540,8 +7623,11 @@ function makeStringExpression(values) {
   const objEntries = conditionPermutations.map(permutation => {
     let i = 0;
     const args = values.map(v => {
-      if (Array.isArray(v)) {
-        const [_test, primary, fallback] = v;
+      if (v instanceof ConditionalStyle) {
+        const {
+          primary,
+          fallback
+        } = v;
         return permutation[i++] ? primary : fallback;
       } else {
         return v;
@@ -8730,6 +7816,56 @@ function transformStyleXDefaultMarker(path, state) {
   }
 }
 
+function transformStyleXDefineMarker(path, state) {
+  const {
+    node
+  } = path;
+  if (node.type !== 'CallExpression') {
+    return;
+  }
+  const isDefineMarkerCall = node.callee.type === 'Identifier' && state.stylexDefineMarkerImport.has(node.callee.name) || node.callee.type === 'MemberExpression' && node.callee.object.type === 'Identifier' && node.callee.property.type === 'Identifier' && node.callee.property.name === 'defineMarker' && state.stylexImport.has(node.callee.object.name);
+  if (!isDefineMarkerCall) {
+    return;
+  }
+  validateStyleXDefineMarker(path);
+  const variableDeclaratorPath = path.parentPath;
+  if (!variableDeclaratorPath.isVariableDeclarator()) {
+    return;
+  }
+  const variableDeclaratorNode = variableDeclaratorPath.node;
+  if (variableDeclaratorNode.id.type !== 'Identifier') {
+    return;
+  }
+  if (node.arguments.length !== 0) {
+    throw path.buildCodeFrameError(illegalArgumentLength('defineMarker', 0), SyntaxError);
+  }
+  const fileName = state.fileNameForHashing;
+  if (fileName == null) {
+    throw new Error(cannotGenerateHash('defineMarker'));
+  }
+  const exportName = variableDeclaratorNode.id.name;
+  const exportId = utils.genFileBasedIdentifier({
+    fileName,
+    exportName
+  });
+  const id = state.options.classNamePrefix + utils.hash(exportId);
+  const markerObj = {
+    [id]: id,
+    $$css: true
+  };
+  path.replaceWith(convertObjectToAST(markerObj));
+}
+function validateStyleXDefineMarker(path) {
+  const variableDeclaratorPath = path.parentPath;
+  const exportNamedDeclarationPath = variableDeclaratorPath.parentPath?.parentPath;
+  if (variableDeclaratorPath == null || variableDeclaratorPath.isExpressionStatement() || !variableDeclaratorPath.isVariableDeclarator() || variableDeclaratorPath.node.id.type !== 'Identifier') {
+    throw path.buildCodeFrameError(unboundCallValue('defineMarker'), SyntaxError);
+  }
+  if (exportNamedDeclarationPath == null || !exportNamedDeclarationPath.isExportNamedDeclaration()) {
+    throw path.buildCodeFrameError(nonExportNamedDeclaration('defineMarker'), SyntaxError);
+  }
+}
+
 const NAME = 'stylex';
 function styleXTransform() {
   let state;
@@ -8887,6 +8023,7 @@ function styleXTransform() {
           transformStyleXPositionTry(parentPath, state);
         }
         transformStyleXDefaultMarker(path, state);
+        transformStyleXDefineMarker(path, state);
         transformStyleXDefineVars(path, state);
         transformStyleXDefineConsts(path, state);
         transformStyleXCreateTheme(path, state);
@@ -8908,6 +8045,25 @@ function isExported(path) {
   }
   return isExported(path.parentPath);
 }
+function getLogicalFloatVars(rules) {
+  const hasLogicalFloat = rules.some(([, {
+    ltr,
+    rtl
+  }]) => {
+    const ltrStr = String(ltr);
+    const rtlStr = rtl ? String(rtl) : '';
+    return ltrStr.includes(LOGICAL_FLOAT_START_VAR) || ltrStr.includes(LOGICAL_FLOAT_END_VAR) || rtlStr.includes(LOGICAL_FLOAT_START_VAR) || rtlStr.includes(LOGICAL_FLOAT_END_VAR);
+  });
+  return hasLogicalFloat ? `:root, [dir="ltr"] {
+  ${LOGICAL_FLOAT_START_VAR}: left;
+  ${LOGICAL_FLOAT_END_VAR}: right;
+}
+[dir="rtl"] {
+  ${LOGICAL_FLOAT_START_VAR}: right;
+  ${LOGICAL_FLOAT_END_VAR}: left;
+}
+` : '';
+}
 function processStylexRules(rules, config) {
   const {
     useLayers = false,
@@ -9005,6 +8161,7 @@ function processStylexRules(rules, config) {
     acc.push([[key, styleObj, priority]]);
     return acc;
   }, []);
+  const logicalFloatVars = getLogicalFloatVars(nonConstantRules);
   const header = useLayers ? '\n@layer ' + grouped.map((_, index) => `priority${index + 1}`).join(', ') + ';\n' : '';
   const collectedCSS = grouped.map((group, index) => {
     const pri = group[0][2];
@@ -9027,7 +8184,7 @@ function processStylexRules(rules, config) {
     }).join('\n');
     return useLayers && pri > 0 ? `@layer priority${index + 1}{\n${collectedCSS}\n}` : collectedCSS;
   }).join('\n');
-  return header + collectedCSS;
+  return logicalFloatVars + header + collectedCSS;
 }
 styleXTransform.processStylexRules = processStylexRules;
 function addAncestorSelector(selector, ancestorSelector) {