feat: fontbuilder to streamline font styling

Modules/Bar/Components/Clock.qml

@@ -13,6 +13,7 @@ import qs.Services
 WidgetBase {
 	id: root
 
+	readonly property font font: Tokens.font.clock.family(Config.appearance.font.family.clock).build()
 	readonly property color contentColor: screenState.dashboard ? Colors.palette.m3onPrimary : Colors.palette.m3onSurface
 	readonly property string effectiveFormat: {
 		let fmt = Config.general.dateFormat;
@@ -57,7 +58,7 @@ WidgetBase {
 
 		anchors.centerIn: parent
 		color: root.contentColor
-		font.family: Config.appearance.font.family.clock // qmllint disable incompatible-type
+		font: root.font
 		height: implicitHeight
 		text: Time.dateStr
 		visible: root.horizontal
@@ -83,7 +84,7 @@ WidgetBase {
 
 				Layout.alignment: Qt.AlignHCenter
 				color: root.contentColor
-				font.family: Config.appearance.font.family.clock // qmllint disable incompatible-type
+				font: root.font
 				text: Qt.formatDateTime(Time.date, modelData)
 
 				Behavior on color {
@@ -112,7 +113,7 @@ WidgetBase {
 
 				Layout.alignment: Qt.AlignHCenter
 				color: root.contentColor
-				font.family: Config.appearance.font.family.clock // qmllint disable incompatible-type
+				font: root.font
 				text: {
 					if (modelData.includes("h"))
 						return Time.hourStr;
@@ -132,7 +133,7 @@ WidgetBase {
 		CustomText {
 			Layout.alignment: Qt.AlignHCenter
 			color: root.contentColor
-			font.family: Config.appearance.font.family.clock // qmllint disable incompatible-type
+			font: root.font
 			text: Qt.formatDateTime(Time.date, "AP")
 			visible: Config.services.useTwelveHourClock && root.formatParts.timeTokens.length > 0