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.mono // qmllint disable incompatible-type
+		font: root.font
 		height: implicitHeight
 		text: Time.dateStr
 		visible: root.horizontal
@@ -84,7 +85,7 @@ WidgetBase {
 
 				Layout.alignment: Qt.AlignHCenter
 				color: root.contentColor
-				font.family: Config.appearance.font.family.mono // qmllint disable incompatible-type
+				font: root.font
 				text: Qt.formatDateTime(Time.date, modelData)
 
 				Behavior on color {
@@ -114,7 +115,7 @@ WidgetBase {
 
 				Layout.alignment: Qt.AlignHCenter
 				color: root.contentColor
-				font.family: Config.appearance.font.family.mono // qmllint disable incompatible-type
+				font: root.font
 				text: {
 					if (modelData.includes("h"))
 						return Time.hourStr;
@@ -135,7 +136,7 @@ WidgetBase {
 		CustomText {
 			Layout.alignment: Qt.AlignHCenter
 			color: root.contentColor
-			font.family: Config.appearance.font.family.mono // qmllint disable incompatible-type
+			font: root.font
 			text: Qt.formatDateTime(Time.date, "AP")
 			visible: Config.services.useTwelveHourClock && root.formatParts.timeTokens.length > 0