feat: fontbuilder to streamline font styling

Modules/Dashboard/Dash/DateTime.qml

@@ -1,51 +0,0 @@
-pragma ComponentBehavior: Bound
-
-import QtQuick
-import QtQuick.Layouts
-import qs.Components
-import ZShell.Config
-import qs.Helpers
-import qs.Services
-
-Item {
-	id: root
-
-	anchors.bottom: parent.bottom
-	anchors.top: parent.top
-	implicitWidth: 110
-
-	ColumnLayout {
-		anchors.left: parent.left
-		anchors.right: parent.right
-		anchors.verticalCenter: parent.verticalCenter
-		spacing: 0
-
-		CustomText {
-			Layout.alignment: Qt.AlignHCenter
-			Layout.bottomMargin: -(font.pointSize * 0.4)
-			color: Colors.palette.m3secondary
-			font.family: "Rubik"
-			font.pointSize: 18
-			font.weight: 600
-			text: Time.hourStr
-		}
-
-		CustomText {
-			Layout.alignment: Qt.AlignHCenter
-			color: Colors.palette.m3primary
-			font.family: "Rubik"
-			font.pointSize: 18 * 0.9
-			text: "•••"
-		}
-
-		CustomText {
-			Layout.alignment: Qt.AlignHCenter
-			Layout.topMargin: -(font.pointSize * 0.4)
-			color: Colors.palette.m3secondary
-			font.family: "Rubik"
-			font.pointSize: 18
-			font.weight: 600
-			text: Time.minuteStr
-		}
-	}
-}

Modules/Dashboard/Dash/User.qml

@@ -23,8 +23,7 @@ Row {
 		MaterialIcon {
 			anchors.centerIn: parent
 			fill: 1
-			font.pointSize: Math.floor(info.implicitHeight / 2) || 1
-			grade: 200
+			fontStyle: Tokens.font.icon.large
 			text: "person"
 		}
 
@@ -65,7 +64,6 @@ Row {
 				anchors.leftMargin: icon.anchors.leftMargin
 				anchors.verticalCenter: icon.verticalCenter
 				elide: Text.ElideRight
-				font.pointSize: 13
 				text: `:  ${SystemInfo.osPrettyName || SystemInfo.osName}`
 				width: Config.dashboard.sizes.infoWidth
 			}
@@ -103,7 +101,7 @@ Row {
 			anchors.leftMargin: (Config.dashboard.sizes.infoIconSize - implicitWidth) / 2
 			color: line.colour
 			fill: 1
-			font.pointSize: 13
+			fontStyle: Tokens.font.icon.small
 			text: line.icon
 		}
 
@@ -114,7 +112,6 @@ Row {
 			anchors.leftMargin: icon.anchors.leftMargin
 			anchors.verticalCenter: icon.verticalCenter
 			elide: Text.ElideNone
-			font.pointSize: 13
 			text: `:  ${line.text}`
 			width: Config.dashboard.sizes.infoWidth
 		}

Modules/Dashboard/Dash/Weather.qml

@@ -19,7 +19,7 @@ Item {
 		anchors.verticalCenter: parent.verticalCenter
 		animate: true
 		color: Colors.palette.m3secondary
-		font.pointSize: 54
+		fontStyle: Tokens.font.icon.extraLarge
 		text: Weather.icon
 	}
 
@@ -35,8 +35,7 @@ Item {
 			anchors.horizontalCenter: parent.horizontalCenter
 			animate: true
 			color: Colors.palette.m3primary
-			font.pointSize: Tokens.font.size.extraLarge
-			font.weight: 500
+			font: Tokens.font.body.large
 			text: Weather.temp
 		}