feat: fontbuilder to streamline font styling

Components/CustomSlider.qml

@@ -100,15 +100,19 @@ Slider {
 			anchors.bottom: parent.bottom
 			anchors.top: parent.top
 			color: root.insetColor
-			font.pixelSize: Tokens.font.size.smaller * 2
+			fontStyle: {
+				if (root.height < 96)
+					return Tokens.font.icon.pixelSize(24).build();
+				else
+					return Tokens.font.icon.pixelSize(32).build();
+			}
 			text: root.insetIcon
 			verticalAlignment: Text.AlignVCenter
 			visible: !root.wavy && root.insetIcon !== ""
 			x: Tokens.spacing.extraSmall + dockT * (handle.x + Tokens.spacing.small)
 
 			Behavior on dockT {
-				Anim {
-				}
+				Anim {}
 			}
 		}
 
@@ -138,8 +142,7 @@ Slider {
 				startX: x
 
 				Behavior on color {
-					CAnim {
-					}
+					CAnim {}
 				}
 				Anim on waveProgress {
 					duration: root.waveDuration
@@ -156,8 +159,7 @@ Slider {
 	Behavior on filledWidth {
 		id: widthBehavior
 
-		Anim {
-		}
+		Anim {}
 	}
 
 	Component.onCompleted: {