feat: fontbuilder to streamline font styling

Modules/Bar/Popouts/UpdatesPopout.qml

@@ -39,7 +39,7 @@ CustomClippingRect {
 				anchors.horizontalCenter: parent.horizontalCenter
 				anchors.top: parent.top
 				color: Colors.tPalette.m3onSurfaceVariant
-				font.pointSize: Tokens.font.size.extraLarge * 3
+				fontStyle: Tokens.font.icon.builders.large.size(48).weight(Font.DemiBold).build()
 				horizontalAlignment: Text.AlignHCenter
 				text: "check"
 			}
@@ -89,7 +89,7 @@ CustomClippingRect {
 					anchors.rightMargin: Tokens.padding.small
 
 					MaterialIcon {
-						font.pointSize: Tokens.font.size.large * 2
+						fontStyle: Tokens.font.icon.extraLarge
 						text: "package_2"
 					}
 
@@ -100,7 +100,7 @@ CustomClippingRect {
 							Layout.fillWidth: true
 							Layout.preferredHeight: 25
 							elide: Text.ElideRight
-							font.pointSize: Tokens.font.size.large
+							font: Tokens.font.title.medium
 							text: update.sections[0]
 						}
 
@@ -122,7 +122,7 @@ CustomClippingRect {
 							Layout.preferredWidth: 125
 							animate: true
 							color: Colors.palette.m3tertiary
-							font.pointSize: Tokens.font.size.large
+							font: Tokens.font.title.medium
 							horizontalAlignment: Text.AlignHCenter
 							marqueeEnabled: true
 							pauseMs: 4000
@@ -133,7 +133,7 @@ CustomClippingRect {
 						MaterialIcon {
 							Layout.fillHeight: true
 							color: Colors.palette.m3secondary
-							font.pointSize: Tokens.font.size.extraLarge
+							fontStyle: Tokens.font.icon.large
 							horizontalAlignment: Text.AlignHCenter
 							text: "arrow_right_alt"
 							verticalAlignment: Text.AlignVCenter
@@ -146,7 +146,7 @@ CustomClippingRect {
 							Layout.preferredWidth: 120
 							animate: true
 							color: Colors.palette.m3primary
-							font.pointSize: Tokens.font.size.large
+							font: Tokens.font.title.medium
 							horizontalAlignment: Text.AlignHCenter
 							marqueeEnabled: true
 							pauseMs: 4000