feat: fontbuilder to streamline font styling

Modules/Lock/Weather/Forecast.qml

@@ -24,14 +24,14 @@ CustomRect {
 
 		MaterialIcon {
 			Layout.topMargin: Math.round(fontInfo.pointSize * 0.12)
-			font.pointSize: Tokens.font.size.normal
+			fontStyle: Tokens.font.icon.medium
 			text: "schedule"
 		}
 
 		CustomText {
 			id: title
 
-			font.pointSize: Tokens.font.size.normal
+			font: Tokens.font.title.medium
 			text: qsTr("Hourly forecast")
 		}
 	}
@@ -65,8 +65,7 @@ CustomRect {
 				shape: MaterialShape.Cookie4Sided
 
 				Behavior on color {
-					CAnim {
-					}
+					CAnim {}
 				}
 
 				CustomText {
@@ -74,7 +73,7 @@ CustomRect {
 
 					anchors.centerIn: parent
 					color: hour.index === Weather.currentHourIndex ? Colors.palette.m3onPrimary : Colors.palette.m3onSurface
-					font.pointSize: Tokens.font.size.normal
+					font: Tokens.font.body.medium
 					text: Weather.formatTemp(hour.cond.tempC).slice(0, -1) // Remove C/F
 				}
 			}
@@ -82,7 +81,7 @@ CustomRect {
 			MaterialIcon {
 				Layout.alignment: Qt.AlignHCenter
 				color: Colors.palette.m3secondary
-				font.pointSize: Tokens.font.size.extraLarge
+				fontStyle: Tokens.font.icon.extraLarge
 				text: hour.cond.icon
 			}
 
@@ -96,7 +95,7 @@ CustomRect {
 				Layout.alignment: Qt.AlignHCenter
 				Layout.topMargin: Tokens.spacing.extraSmall
 				color: Colors.palette.m3onSurfaceVariant
-				font.pointSize: Tokens.font.size.small
+				font: Tokens.font.body.small
 				text: hour.index === 0 ? qsTr("Now") : Qt.formatDateTime(new Date(hour.cond.timestamp.replace("T", " ")), Config.services.useTwelveHourClock ? "ha" : "hh:00")
 			}
 		}