fix pu-icon mixin lost font-size; align token naming

Author: xiaoland

.changeset/all-bees-look.md

@@ -0,0 +1,5 @@
+---
+"@partner-up-dev/design-uniapp": patch
+---
+
+fix pu-icon mixin lost font-size; align token naming

packages/uniapp/src/styles/_mixins.scss

@@ -10,14 +10,18 @@
 
 /* Typography Mixin - uses CSS variables (composite token) */
 @mixin pu-font($key, $mono: false) {
-  font-size: var(--sys-font-#{$key}-size);
-  font-weight: var(--sys-font-#{$key}-weight);
-  line-height: var(--sys-font-#{$key}-line-height);
+  font-size: var(--sys-typo-#{$key}-size);
+  font-weight: var(--sys-typo-#{$key}-weight);
+  line-height: var(--sys-typo-#{$key}-line-height);
   @if $mono == true {
     font-family: var(--ref-font-family-mono);
   }
 }
 
+@mixin pu-font-size($key) {
+  font-size: var(--sys-typo-#{$key}-size);
+}
+
 /* Elevation (Shadow) Mixin - uses CSS variables */
 @mixin pu-elevation($level) {
   box-shadow: var(--sys-shadow-#{$level});

packages/uniapp/src/styles/_ref.scss

@@ -209,7 +209,7 @@ $typography: (
 
 $font: (
   family: (
-    mono: monospace,
+    mono: "ui-monospace, monospace",
   ),
 );
 
@@ -218,3 +218,15 @@ $opacity: (
   disabled: 0.6,
   invalid: 0.6,
 );
+
+$all: (
+  color: $color, 
+  spacing: $spacing, 
+  radius: $radius, 
+  size: $size, 
+  icon: $icon, 
+  shadow: $shadow, 
+  typo: $typography, 
+  font: $font, 
+  opacity: $opacity
+);

packages/uniapp/src/styles/_sys.scss

@@ -123,6 +123,7 @@ $base: (
   size: ref.$size,
   icon: ref.$icon,
   shadow: ref.$shadow,
-  font: ref.$typography,
+  typo: ref.$typography,
+  font: ref.$font,
   opacity: ref.$opacity,
 );

packages/uniapp/src/styles/index.scss

@@ -17,7 +17,7 @@
 /* Emit all reference tokens as CSS variables */
 :root, page {
   /* Emit ref tokens */
-  @include fn.emit-css-variables((color: ref.$color, spacing: ref.$spacing, radius: ref.$radius, size: ref.$size, icon: ref.$icon, shadow: ref.$shadow, typography: ref.$typography, font: ref.$font, opacity: ref.$opacity), 'ref');
+  @include fn.emit-css-variables(ref.$all, 'ref');
 
   /* Emit system tokens (light mode default) */
   @include fn.emit-css-variables(sys.$light, 'sys');