Unify font sizes through qs.Commons.Style

Themes now drive typography the same way they drive colors: one [font]
base-size in shell.toml is the rem root, and every Style.font.<token>
(caption, bodySmall, body, subtitle, title, heading, display,
displayLarge, iconSmall, icon, iconLarge) derives from it via a fixed
multiplier. Themes can also pin individual tokens for stylistic
emphasis. base-size is clamped 11..13 until row-height tokens exist.

Bar dimensions move to the same singleton: [bar] size-horizontal /
size-vertical replace the hardcoded 26/28 in Bar.qml, exposed as
Style.bar.sizeHorizontal / sizeVertical.

Style.qml also resolves the fontconfig 'monospace' alias via fc-match
and exposes Style.font.resolvedFamily so panels can display the
concrete family. Watches ~/.config/fontconfig/fonts.conf so it tracks
'omarchy font set <name>'.

The qs.Ui kit (PillButton, Dropdown, Toggle, TextField, etc.) and
every first-party plugin (bar widgets, settings, menu, clipboard,
emoji, polkit, notifications, osd, image-picker, dev-gallery) now
bind to Style.font.* instead of pixel literals. Only three deliberate
display-scale outliers remain: the notification empty-state glyph and
the weather flyout's hero temperature pair, all commented.

Background plugin's applyTheme IPC fast-path also pushes shell.toml to
Style so theme swaps update typography and bar size without waiting
for inotify debounce.

Dev gallery (omarchy dev ui-preview) now ships a Typography section
that renders the full scale and theme tokens live, and its summon
command is fixed (omarchy-shell-ipc -> omarchy-shell).

shell/plugins/bar/widgets/monitorPanel.qml

@@ -3,6 +3,7 @@ import QtQuick.Controls
 import Quickshell
 import Quickshell.Io
 import qs.Ui
+import qs.Commons
 
 Item {
   id: root
@@ -353,7 +354,7 @@ Item {
     anchors.fill: parent
     bar: root.bar
     text: "󰍹"
-    fontSize: 13
+    fontSize: Style.font.subtitle
     onPressed: function(b) { root.popupOpen = !root.popupOpen }
     onWheelMoved: function(delta) {
       if (root.brightnessAvailable) root.setBrightness(root.brightnessPercent + (delta > 0 ? 5 : -5))
@@ -403,7 +404,7 @@ Item {
               text: "Brightness"
               foreground: root.bar.foreground
               fontFamily: root.bar.fontFamily
-              fontSize: 11
+              fontSize: Style.font.bodySmall
             }
 
             CursorSurface {
@@ -427,7 +428,7 @@ Item {
                   text: "󰃠"
                   color: root.bar.foreground
                   font.family: root.bar.fontFamily
-                  font.pixelSize: 16
+                  font.pixelSize: Style.font.heading
                   width: 22
                   horizontalAlignment: Text.AlignHCenter
                   anchors.verticalCenter: parent.verticalCenter
@@ -455,7 +456,7 @@ Item {
                   text: Math.round(brightnessSlider.dragging ? brightnessSlider.liveValue : root.brightnessPercent) + "%"
                   color: root.bar.foreground
                   font.family: root.bar.fontFamily
-                  font.pixelSize: 11
+                  font.pixelSize: Style.font.bodySmall
                   width: 36
                   horizontalAlignment: Text.AlignRight
                   anchors.verticalCenter: parent.verticalCenter
@@ -475,7 +476,7 @@ Item {
               text: "No controllable backlight found"
               color: Qt.darker(root.bar.foreground, 1.5)
               font.family: root.bar.fontFamily
-              font.pixelSize: 11
+              font.pixelSize: Style.font.bodySmall
             }
           }
 
@@ -488,7 +489,7 @@ Item {
               text: "Scale"
               foreground: root.bar.foreground
               fontFamily: root.bar.fontFamily
-              fontSize: 11
+              fontSize: Style.font.bodySmall
             }
 
             Row {
@@ -509,7 +510,7 @@ Item {
                   tooltipBackground: root.bar.background
                   tooltipForeground: root.bar.foreground
                   fontFamily: root.bar.fontFamily
-                  fontSize: 11
+                  fontSize: Style.font.bodySmall
                   horizontalPadding: 0
                   verticalPadding: 6
                   active: root.normalizeScale(root.monitorScale) === root.normalizeScale(modelData)
@@ -536,7 +537,7 @@ Item {
               text: "Monitors"
               foreground: root.bar.foreground
               fontFamily: root.bar.fontFamily
-              fontSize: 11
+              fontSize: Style.font.bodySmall
             }
 
             Repeater {