@cssxjs/loaders 0.2.31 → 0.2.32

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.2.32](https://github.com/startupjs/cssx/compare/v0.2.31...v0.2.32) (2026-01-25)
+
+
+### Bug Fixes
+
+* **runtime:** support var() in shorthand values and in various complex cases ([4483f54](https://github.com/startupjs/cssx/commit/4483f54d9507ebb38eb5f056de3fcac39862cb30))
+
+
+
+
+
 ## [0.2.31](https://github.com/startupjs/cssx/compare/v0.2.30...v0.2.31) (2026-01-23)
 
 

package/cssToReactNativeLoader.js

@@ -2,7 +2,8 @@
 const css2rn = require('@startupjs/css-to-react-native-transform').default
 
 const EXPORT_REGEX = /:export\s*\{/
-const VAR_NAMES_REGEX = /"var\(\s*--[A-Za-z0-9_-]+/g
+// Match var() anywhere in a string value (not just at the start)
+const VAR_NAMES_REGEX = /var\(\s*(--[A-Za-z0-9_-]+)/g
 
 module.exports = function cssToReactNative (source) {
   source = escapeExport(source)
@@ -100,11 +101,10 @@ function simpleNumericHash (s) {
 }
 
 function getVariableNames (cssString) {
-  let res = cssString.match(VAR_NAMES_REGEX)
-  if (!res) return
-  res = res.map(i => i.replace(/"var\(\s*/, ''))
-  res = [...new Set(res)].sort() // remove duplicates and sort
-  return res
+  const matches = [...cssString.matchAll(VAR_NAMES_REGEX)]
+  if (!matches.length) return
+  const res = matches.map(m => m[1]) // extract capture group (variable name)
+  return [...new Set(res)].sort() // remove duplicates and sort
 }
 
 function hasMedia (styles = {}) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cssxjs/loaders",
-  "version": "0.2.31",
+  "version": "0.2.32",
   "description": "Webpack-compatible loaders for CSSX styles in React Native and Web bundlers",
   "exports": {
     "./callLoader": "./callLoader.js",
@@ -20,8 +20,8 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@startupjs/css-to-react-native-transform": "2.1.0-2",
+    "@startupjs/css-to-react-native-transform": "2.1.0-3",
     "stylus": "0.64.0"
   },
-  "gitHead": "989ab68dbc3ed81262ccc51946ddaa01b90416a5"
+  "gitHead": "2d5f40fdc99ec3cbfb397741444993e2d09d7975"
 }