@tamagui/web 2.1.0-1780964419737 → 2.2.0

package/.turbo/turbo-build.log

@@ -1,2 +1,2 @@
 $ tamagui-build
-built @tamagui/web in 2476 ms
+built @tamagui/web in 2335 ms

package/dist/cjs/helpers/platformResolveValue.cjs

@@ -26,7 +26,7 @@ __export(platformResolveValue_exports, {
 });
 module.exports = __toCommonJS(platformResolveValue_exports);
 var import_getTokenForKey = require("./getTokenForKey.cjs");
-const tokenPattern = /(\$[\w.-]+)/g;
+const tokenPattern = /(\$[\w.-]+(?:\/[\d.]+)?)/g;
 function platformResolveValue(_key, value, styleProps, styleState) {
   return value.replace(tokenPattern, t => {
     let r = (0, import_getTokenForKey.getTokenForKey)("size", t, styleProps, styleState);

package/dist/cjs/helpers/platformResolveValue.native.js

@@ -29,7 +29,7 @@ __export(platformResolveValue_native_exports, {
 module.exports = __toCommonJS(platformResolveValue_native_exports);
 var import_getTokenForKey = require("./getTokenForKey.native.js");
 var import_parseNativeStyle = require("./parseNativeStyle.native.js");
-var tokenPattern = /(\$[\w.-]+)/g;
+var tokenPattern = /(\$[\w.-]+(?:\/[\d.]+)?)/g;
 var nativeParseKeys = {
   backgroundImage: true,
   boxShadow: true,

package/dist/cjs/helpers/platformResolveValue.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["platformResolveValue_native_exports","__export","platformResolveValue","module","exports","__toCommonJS","import_getTokenForKey","require","import_parseNativeStyle","tokenPattern","nativeParseKeys","backgroundImage","boxShadow","textShadow","replaceTokens","value","styleProps","styleState","replace","t","r","getTokenForKey","String","key","effectiveStyleProps","resolveValues","tokenMap","Map","placeholderIdx","withPlaceholders","placeholder","set","parsed","parseNativeStyle"],"sources":["../../../src/helpers/platformResolveValue.native.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,mCAAA;AAAAC,QAAA,CAAAD,mCAAA;EAAAE,oBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAL,mCAAA;AAAA,IAAAM,qBAAA,GAA+BC,OAAA;AAC/B,IAAAC,uBAAA,GAAiCD,OAAA;AACjC,IAAIE,YAAA,GAAe;AAEnB,IAAIC,eAAA,GAAkB;EAClBC,eAAA,EAAiB;EACjBC,SAAA,EAAW;EACXC,UAAA,EAAY;AAChB;AACA,SAASC,cAAcC,KAAA,EAAOC,UAAA,EAAYC,UAAA,EAAY;EAClD,OAAOF,KAAA,CAAMG,OAAA,CAAQT,YAAA,EAAc,UAASU,CAAA,EAAG;IAC3C,IAAIC,CAAA,OAAId,qBAAA,CAAAe,cAAA,EAAe,QAAQF,CAAA,EAAGH,UAAA,EAAYC,UAAU;IACxD,IAAIG,CAAA,IAAK,MAAM;MACXA,CAAA,OAAId,qBAAA,CAAAe,cAAA,EAAe,SAASF,CAAA,EAAGH,UAAA,EAAYC,UAAU;IACzD;IACA,OAAOG,CAAA,IAAK,OAAOE,MAAA,CAAOF,CAAC,IAAID,CAAA;EACnC,CAAC;AACL;AAIW,SAASjB,qBAAqBqB,GAAA,EAAKR,KAAA,EAAOC,UAAA,EAAYC,UAAA,EAAY;EACzE,IAAI,CAACP,eAAA,CAAgBa,GAAG,GAAG;IACvB,OAAOT,aAAA,CAAcC,KAAA,EAAOC,UAAA,EAAYC,UAAU;EACtD;EAIA,IAAIO,mBAAA,GAAsBD,GAAA,KAAQ,oBAAoB;IAClD,GAAGP,UAAA;IACHS,aAAA,EAAe;EACnB,IAAIT,UAAA;EAEJ,IAAIU,QAAA,GAAW,mBAAIC,GAAA,CAAI;EACvB,IAAIC,cAAA,GAAiB;EACrB,IAAIC,gBAAA,GAAmBd,KAAA,CAAMG,OAAA,CAAQT,YAAA,EAAc,UAASU,CAAA,EAAG;IAC3D,IAAIC,CAAA,OAAId,qBAAA,CAAAe,cAAA,EAAe,QAAQF,CAAA,EAAGK,mBAAA,EAAqBP,UAAU;IACjE,IAAIG,CAAA,IAAK,MAAM;MACXA,CAAA,OAAId,qBAAA,CAAAe,cAAA,EAAe,SAASF,CAAA,EAAGK,mBAAA,EAAqBP,UAAU;IAClE;IACA,IAAIG,CAAA,IAAK,MAAM,OAAOD,CAAA;IACtB,IAAI,OAAOC,CAAA,KAAM,YAAY,OAAOA,CAAA,KAAM,UAAU;MAChD,IAAIU,WAAA,GAAc,OAAOF,cAAA,EAAgB;MACzCF,QAAA,CAASK,GAAA,CAAID,WAAA,EAAaV,CAAC;MAC3B,OAAOU,WAAA;IACX;IACA,OAAOR,MAAA,CAAOF,CAAC;EACnB,CAAC;EACD,IAAIY,MAAA,OAASxB,uBAAA,CAAAyB,gBAAA,EAAiBV,GAAA,EAAKM,gBAAA,EAAkBH,QAAQ;EAC7D,IAAIM,MAAA,EAAQ,OAAOA,MAAA;EAEnB,OAAOlB,aAAA,CAAcC,KAAA,EAAOC,UAAA,EAAYC,UAAU;AACtD","ignoreList":[]}
+{"version":3,"names":["platformResolveValue_native_exports","__export","platformResolveValue","module","exports","__toCommonJS","import_getTokenForKey","require","import_parseNativeStyle","tokenPattern","nativeParseKeys","backgroundImage","boxShadow","textShadow","replaceTokens","value","styleProps","styleState","replace","t","r","getTokenForKey","String","key","effectiveStyleProps","resolveValues","tokenMap","Map","placeholderIdx","withPlaceholders","placeholder","set","parsed","parseNativeStyle"],"sources":["../../../src/helpers/platformResolveValue.native.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,mCAAA;AAAAC,QAAA,CAAAD,mCAAA;EAAAE,oBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAL,mCAAA;AAAA,IAAAM,qBAAA,GAA+BC,OAAA;AAC/B,IAAAC,uBAAA,GAAiCD,OAAA;AAIjC,IAAIE,YAAA,GAAe;AAEnB,IAAIC,eAAA,GAAkB;EAClBC,eAAA,EAAiB;EACjBC,SAAA,EAAW;EACXC,UAAA,EAAY;AAChB;AACA,SAASC,cAAcC,KAAA,EAAOC,UAAA,EAAYC,UAAA,EAAY;EAClD,OAAOF,KAAA,CAAMG,OAAA,CAAQT,YAAA,EAAc,UAASU,CAAA,EAAG;IAC3C,IAAIC,CAAA,OAAId,qBAAA,CAAAe,cAAA,EAAe,QAAQF,CAAA,EAAGH,UAAA,EAAYC,UAAU;IACxD,IAAIG,CAAA,IAAK,MAAM;MACXA,CAAA,OAAId,qBAAA,CAAAe,cAAA,EAAe,SAASF,CAAA,EAAGH,UAAA,EAAYC,UAAU;IACzD;IACA,OAAOG,CAAA,IAAK,OAAOE,MAAA,CAAOF,CAAC,IAAID,CAAA;EACnC,CAAC;AACL;AAIW,SAASjB,qBAAqBqB,GAAA,EAAKR,KAAA,EAAOC,UAAA,EAAYC,UAAA,EAAY;EACzE,IAAI,CAACP,eAAA,CAAgBa,GAAG,GAAG;IACvB,OAAOT,aAAA,CAAcC,KAAA,EAAOC,UAAA,EAAYC,UAAU;EACtD;EAIA,IAAIO,mBAAA,GAAsBD,GAAA,KAAQ,oBAAoB;IAClD,GAAGP,UAAA;IACHS,aAAA,EAAe;EACnB,IAAIT,UAAA;EAEJ,IAAIU,QAAA,GAAW,mBAAIC,GAAA,CAAI;EACvB,IAAIC,cAAA,GAAiB;EACrB,IAAIC,gBAAA,GAAmBd,KAAA,CAAMG,OAAA,CAAQT,YAAA,EAAc,UAASU,CAAA,EAAG;IAC3D,IAAIC,CAAA,OAAId,qBAAA,CAAAe,cAAA,EAAe,QAAQF,CAAA,EAAGK,mBAAA,EAAqBP,UAAU;IACjE,IAAIG,CAAA,IAAK,MAAM;MACXA,CAAA,OAAId,qBAAA,CAAAe,cAAA,EAAe,SAASF,CAAA,EAAGK,mBAAA,EAAqBP,UAAU;IAClE;IACA,IAAIG,CAAA,IAAK,MAAM,OAAOD,CAAA;IACtB,IAAI,OAAOC,CAAA,KAAM,YAAY,OAAOA,CAAA,KAAM,UAAU;MAChD,IAAIU,WAAA,GAAc,OAAOF,cAAA,EAAgB;MACzCF,QAAA,CAASK,GAAA,CAAID,WAAA,EAAaV,CAAC;MAC3B,OAAOU,WAAA;IACX;IACA,OAAOR,MAAA,CAAOF,CAAC;EACnB,CAAC;EACD,IAAIY,MAAA,OAASxB,uBAAA,CAAAyB,gBAAA,EAAiBV,GAAA,EAAKM,gBAAA,EAAkBH,QAAQ;EAC7D,IAAIM,MAAA,EAAQ,OAAOA,MAAA;EAEnB,OAAOlB,aAAA,CAAcC,KAAA,EAAOC,UAAA,EAAYC,UAAU;AACtD","ignoreList":[]}

package/dist/esm/helpers/platformResolveValue.mjs

@@ -1,5 +1,5 @@
 import { getTokenForKey } from "./getTokenForKey.mjs";
-const tokenPattern = /(\$[\w.-]+)/g;
+const tokenPattern = /(\$[\w.-]+(?:\/[\d.]+)?)/g;
 function platformResolveValue(_key, value, styleProps, styleState) {
   return value.replace(tokenPattern, t => {
     let r = getTokenForKey("size", t, styleProps, styleState);

package/dist/esm/helpers/platformResolveValue.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["getTokenForKey","tokenPattern","platformResolveValue","_key","value","styleProps","styleState","replace","t","r","String"],"sources":["../../../src/helpers/platformResolveValue.ts"],"sourcesContent":[null],"mappings":"AACA,SAASA,cAAA,QAAsB;AAE/B,MAAMC,YAAA,GAAe;AAKd,SAASC,qBACdC,IAAA,EACAC,KAAA,EACAC,UAAA,EACAC,UAAA,EACQ;EACR,OAAOF,KAAA,CAAMG,OAAA,CAAQN,YAAA,EAAeO,CAAA,IAAM;IACxC,IAAIC,CAAA,GAAIT,cAAA,CAAe,QAAQQ,CAAA,EAAGH,UAAA,EAAYC,UAAU;IACxD,IAAIG,CAAA,IAAK,MAAM;MACbA,CAAA,GAAIT,cAAA,CAAe,SAASQ,CAAA,EAAGH,UAAA,EAAYC,UAAU;IACvD;IACA,OAAOG,CAAA,IAAK,OAAOC,MAAA,CAAOD,CAAC,IAAID,CAAA;EACjC,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["getTokenForKey","tokenPattern","platformResolveValue","_key","value","styleProps","styleState","replace","t","r","String"],"sources":["../../../src/helpers/platformResolveValue.ts"],"sourcesContent":[null],"mappings":"AACA,SAASA,cAAA,QAAsB;AAM/B,MAAMC,YAAA,GAAe;AAKd,SAASC,qBACdC,IAAA,EACAC,KAAA,EACAC,UAAA,EACAC,UAAA,EACQ;EACR,OAAOF,KAAA,CAAMG,OAAA,CAAQN,YAAA,EAAeO,CAAA,IAAM;IACxC,IAAIC,CAAA,GAAIT,cAAA,CAAe,QAAQQ,CAAA,EAAGH,UAAA,EAAYC,UAAU;IACxD,IAAIG,CAAA,IAAK,MAAM;MACbA,CAAA,GAAIT,cAAA,CAAe,SAASQ,CAAA,EAAGH,UAAA,EAAYC,UAAU;IACvD;IACA,OAAOG,CAAA,IAAK,OAAOC,MAAA,CAAOD,CAAC,IAAID,CAAA;EACjC,CAAC;AACH","ignoreList":[]}

package/dist/esm/helpers/platformResolveValue.native.js

@@ -1,6 +1,6 @@
 import { getTokenForKey } from "./getTokenForKey.native.js";
 import { parseNativeStyle } from "./parseNativeStyle.native.js";
-var tokenPattern = /(\$[\w.-]+)/g;
+var tokenPattern = /(\$[\w.-]+(?:\/[\d.]+)?)/g;
 var nativeParseKeys = {
   backgroundImage: true,
   boxShadow: true,

package/dist/esm/helpers/platformResolveValue.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["getTokenForKey","parseNativeStyle","tokenPattern","nativeParseKeys","backgroundImage","boxShadow","textShadow","replaceTokens","value","styleProps","styleState","replace","t","r","String","platformResolveValue","key","effectiveStyleProps","resolveValues","tokenMap","Map","placeholderIdx","withPlaceholders","placeholder","set","parsed"],"sources":["../../../src/helpers/platformResolveValue.native.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,cAAA,QAAsB;AAC/B,SAASC,gBAAA,QAAwB;AACjC,IAAIC,YAAA,GAAe;AAEnB,IAAIC,eAAA,GAAkB;EAClBC,eAAA,EAAiB;EACjBC,SAAA,EAAW;EACXC,UAAA,EAAY;AAChB;AACA,SAASC,cAAcC,KAAA,EAAOC,UAAA,EAAYC,UAAA,EAAY;EAClD,OAAOF,KAAA,CAAMG,OAAA,CAAQT,YAAA,EAAc,UAASU,CAAA,EAAG;IAC3C,IAAIC,CAAA,GAAIb,cAAA,CAAe,QAAQY,CAAA,EAAGH,UAAA,EAAYC,UAAU;IACxD,IAAIG,CAAA,IAAK,MAAM;MACXA,CAAA,GAAIb,cAAA,CAAe,SAASY,CAAA,EAAGH,UAAA,EAAYC,UAAU;IACzD;IACA,OAAOG,CAAA,IAAK,OAAOC,MAAA,CAAOD,CAAC,IAAID,CAAA;EACnC,CAAC;AACL;AAIW,SAASG,qBAAqBC,GAAA,EAAKR,KAAA,EAAOC,UAAA,EAAYC,UAAA,EAAY;EACzE,IAAI,CAACP,eAAA,CAAgBa,GAAG,GAAG;IACvB,OAAOT,aAAA,CAAcC,KAAA,EAAOC,UAAA,EAAYC,UAAU;EACtD;EAIA,IAAIO,mBAAA,GAAsBD,GAAA,KAAQ,oBAAoB;IAClD,GAAGP,UAAA;IACHS,aAAA,EAAe;EACnB,IAAIT,UAAA;EAEJ,IAAIU,QAAA,GAAW,mBAAIC,GAAA,CAAI;EACvB,IAAIC,cAAA,GAAiB;EACrB,IAAIC,gBAAA,GAAmBd,KAAA,CAAMG,OAAA,CAAQT,YAAA,EAAc,UAASU,CAAA,EAAG;IAC3D,IAAIC,CAAA,GAAIb,cAAA,CAAe,QAAQY,CAAA,EAAGK,mBAAA,EAAqBP,UAAU;IACjE,IAAIG,CAAA,IAAK,MAAM;MACXA,CAAA,GAAIb,cAAA,CAAe,SAASY,CAAA,EAAGK,mBAAA,EAAqBP,UAAU;IAClE;IACA,IAAIG,CAAA,IAAK,MAAM,OAAOD,CAAA;IACtB,IAAI,OAAOC,CAAA,KAAM,YAAY,OAAOA,CAAA,KAAM,UAAU;MAChD,IAAIU,WAAA,GAAc,OAAOF,cAAA,EAAgB;MACzCF,QAAA,CAASK,GAAA,CAAID,WAAA,EAAaV,CAAC;MAC3B,OAAOU,WAAA;IACX;IACA,OAAOT,MAAA,CAAOD,CAAC;EACnB,CAAC;EACD,IAAIY,MAAA,GAASxB,gBAAA,CAAiBe,GAAA,EAAKM,gBAAA,EAAkBH,QAAQ;EAC7D,IAAIM,MAAA,EAAQ,OAAOA,MAAA;EAEnB,OAAOlB,aAAA,CAAcC,KAAA,EAAOC,UAAA,EAAYC,UAAU;AACtD","ignoreList":[]}
+{"version":3,"names":["getTokenForKey","parseNativeStyle","tokenPattern","nativeParseKeys","backgroundImage","boxShadow","textShadow","replaceTokens","value","styleProps","styleState","replace","t","r","String","platformResolveValue","key","effectiveStyleProps","resolveValues","tokenMap","Map","placeholderIdx","withPlaceholders","placeholder","set","parsed"],"sources":["../../../src/helpers/platformResolveValue.native.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,cAAA,QAAsB;AAC/B,SAASC,gBAAA,QAAwB;AAIjC,IAAIC,YAAA,GAAe;AAEnB,IAAIC,eAAA,GAAkB;EAClBC,eAAA,EAAiB;EACjBC,SAAA,EAAW;EACXC,UAAA,EAAY;AAChB;AACA,SAASC,cAAcC,KAAA,EAAOC,UAAA,EAAYC,UAAA,EAAY;EAClD,OAAOF,KAAA,CAAMG,OAAA,CAAQT,YAAA,EAAc,UAASU,CAAA,EAAG;IAC3C,IAAIC,CAAA,GAAIb,cAAA,CAAe,QAAQY,CAAA,EAAGH,UAAA,EAAYC,UAAU;IACxD,IAAIG,CAAA,IAAK,MAAM;MACXA,CAAA,GAAIb,cAAA,CAAe,SAASY,CAAA,EAAGH,UAAA,EAAYC,UAAU;IACzD;IACA,OAAOG,CAAA,IAAK,OAAOC,MAAA,CAAOD,CAAC,IAAID,CAAA;EACnC,CAAC;AACL;AAIW,SAASG,qBAAqBC,GAAA,EAAKR,KAAA,EAAOC,UAAA,EAAYC,UAAA,EAAY;EACzE,IAAI,CAACP,eAAA,CAAgBa,GAAG,GAAG;IACvB,OAAOT,aAAA,CAAcC,KAAA,EAAOC,UAAA,EAAYC,UAAU;EACtD;EAIA,IAAIO,mBAAA,GAAsBD,GAAA,KAAQ,oBAAoB;IAClD,GAAGP,UAAA;IACHS,aAAA,EAAe;EACnB,IAAIT,UAAA;EAEJ,IAAIU,QAAA,GAAW,mBAAIC,GAAA,CAAI;EACvB,IAAIC,cAAA,GAAiB;EACrB,IAAIC,gBAAA,GAAmBd,KAAA,CAAMG,OAAA,CAAQT,YAAA,EAAc,UAASU,CAAA,EAAG;IAC3D,IAAIC,CAAA,GAAIb,cAAA,CAAe,QAAQY,CAAA,EAAGK,mBAAA,EAAqBP,UAAU;IACjE,IAAIG,CAAA,IAAK,MAAM;MACXA,CAAA,GAAIb,cAAA,CAAe,SAASY,CAAA,EAAGK,mBAAA,EAAqBP,UAAU;IAClE;IACA,IAAIG,CAAA,IAAK,MAAM,OAAOD,CAAA;IACtB,IAAI,OAAOC,CAAA,KAAM,YAAY,OAAOA,CAAA,KAAM,UAAU;MAChD,IAAIU,WAAA,GAAc,OAAOF,cAAA,EAAgB;MACzCF,QAAA,CAASK,GAAA,CAAID,WAAA,EAAaV,CAAC;MAC3B,OAAOU,WAAA;IACX;IACA,OAAOT,MAAA,CAAOD,CAAC;EACnB,CAAC;EACD,IAAIY,MAAA,GAASxB,gBAAA,CAAiBe,GAAA,EAAKM,gBAAA,EAAkBH,QAAQ;EAC7D,IAAIM,MAAA,EAAQ,OAAOA,MAAA;EAEnB,OAAOlB,aAAA,CAAcC,KAAA,EAAOC,UAAA,EAAYC,UAAU;AACtD","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/web",
-  "version": "2.1.0-1780964419737",
+  "version": "2.2.0",
   "license": "MIT",
   "author": {
     "name": "Nate Wienert"
@@ -51,20 +51,20 @@
     "test:web": "vitest --typecheck --run"
   },
   "dependencies": {
-    "@tamagui/compose-refs": "2.1.0-1780964419737",
-    "@tamagui/constants": "2.1.0-1780964419737",
-    "@tamagui/helpers": "2.1.0-1780964419737",
-    "@tamagui/is-equal-shallow": "2.1.0-1780964419737",
-    "@tamagui/native": "2.1.0-1780964419737",
-    "@tamagui/normalize-css-color": "2.1.0-1780964419737",
-    "@tamagui/timer": "2.1.0-1780964419737",
-    "@tamagui/types": "2.1.0-1780964419737",
-    "@tamagui/use-did-finish-ssr": "2.1.0-1780964419737",
-    "@tamagui/use-event": "2.1.0-1780964419737",
-    "@tamagui/use-force-update": "2.1.0-1780964419737"
+    "@tamagui/compose-refs": "2.2.0",
+    "@tamagui/constants": "2.2.0",
+    "@tamagui/helpers": "2.2.0",
+    "@tamagui/is-equal-shallow": "2.2.0",
+    "@tamagui/native": "2.2.0",
+    "@tamagui/normalize-css-color": "2.2.0",
+    "@tamagui/timer": "2.2.0",
+    "@tamagui/types": "2.2.0",
+    "@tamagui/use-did-finish-ssr": "2.2.0",
+    "@tamagui/use-event": "2.2.0",
+    "@tamagui/use-force-update": "2.2.0"
   },
   "devDependencies": {
-    "@tamagui/build": "2.1.0-1780964419737",
+    "@tamagui/build": "2.2.0",
     "@testing-library/react": "^16.1.0",
     "csstype": "^3.0.10",
     "react": ">=19",

package/src/helpers/platformResolveValue.native.ts

@@ -2,7 +2,10 @@ import type { GetStyleState, SplitStyleProps } from '../types'
 import { getTokenForKey } from './getTokenForKey'
 import { parseNativeStyle } from './parseNativeStyle'
 
-const tokenPattern = /(\$[\w.-]+)/g
+// includes the optional `/NN` opacity-modifier suffix ($color9/50) so
+// getTokenForKey receives it and can apply the alpha — without it the token
+// resolves but the bare `/50` is left behind in the parsed gradient string
+const tokenPattern = /(\$[\w.-]+(?:\/[\d.]+)?)/g
 
 // keys that need native object parsing (DynamicColorIOS support)
 const nativeParseKeys: Record<string, boolean> = {

package/src/helpers/platformResolveValue.ts

@@ -1,7 +1,11 @@
 import type { GetStyleState, SplitStyleProps } from '../types'
 import { getTokenForKey } from './getTokenForKey'
 
-const tokenPattern = /(\$[\w.-]+)/g
+// includes the optional `/NN` opacity-modifier suffix ($color9/50) so
+// getTokenForKey receives it and can apply the alpha — without it the token
+// resolves but the bare `/50` is left behind in the CSS string, which makes
+// the whole declaration invalid
+const tokenPattern = /(\$[\w.-]+(?:\/[\d.]+)?)/g
 
 /**
  * web: resolves embedded $tokens in compound CSS strings via simple regex replacement.

package/types/helpers/platformResolveValue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"platformResolveValue.d.ts","sourceRoot":"","sources":["../../src/helpers/platformResolveValue.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAK9D;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,EACb,UAAU,EAAE,eAAe,EAC3B,UAAU,EAAE,OAAO,CAAC,aAAa,CAAC,GACjC,MAAM,CAQR"}
+{"version":3,"file":"platformResolveValue.d.ts","sourceRoot":"","sources":["../../src/helpers/platformResolveValue.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAS9D;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,EACb,UAAU,EAAE,eAAe,EAC3B,UAAU,EAAE,OAAO,CAAC,aAAa,CAAC,GACjC,MAAM,CAQR"}

package/types/helpers/platformResolveValue.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"platformResolveValue.native.d.ts","sourceRoot":"","sources":["../../src/helpers/platformResolveValue.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AA2B9D;;;GAGG;AACH,wBAAgB,oBAAoB,CAClC,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,MAAM,EACb,UAAU,EAAE,eAAe,EAC3B,UAAU,EAAE,OAAO,CAAC,aAAa,CAAC,GACjC,GAAG,CAmCL"}
+{"version":3,"file":"platformResolveValue.native.d.ts","sourceRoot":"","sources":["../../src/helpers/platformResolveValue.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AA8B9D;;;GAGG;AACH,wBAAgB,oBAAoB,CAClC,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,MAAM,EACb,UAAU,EAAE,eAAe,EAC3B,UAAU,EAAE,OAAO,CAAC,aAAa,CAAC,GACjC,GAAG,CAmCL"}