feat: fontbuilder to streamline font styling

Modules/Notifications/Sidebar/NotifDock.qml

@@ -37,19 +37,15 @@ Item {
 			anchors.leftMargin: root.notifCount > 0 ? 0 : -width - titleText.anchors.leftMargin
 			anchors.verticalCenter: parent.verticalCenter
 			color: Colors.palette.m3outline
-			font.family: "CaskaydiaCove NF"
-			font.pointSize: 13
-			font.weight: 500
+			font: Tokens.font.label.large
 			opacity: root.notifCount > 0 ? 1 : 0
 			text: root.notifCount
 
 			Behavior on anchors.leftMargin {
-				Anim {
-				}
+				Anim {}
 			}
 			Behavior on opacity {
-				Anim {
-				}
+				Anim {}
 			}
 		}
 
@@ -62,9 +58,7 @@ Item {
 			anchors.verticalCenter: parent.verticalCenter
 			color: Colors.palette.m3outline
 			elide: Text.ElideRight
-			font.family: "CaskaydiaCove NF"
-			font.pointSize: 13
-			font.weight: 500
+			font: Tokens.font.label.large
 			text: root.notifCount > 0 ? qsTr("notification%1").arg(root.notifCount === 1 ? "" : "s") : qsTr("Notifications")
 		}
 	}
@@ -86,8 +80,7 @@ Item {
 			opacity: root.notifCount > 0 ? 0 : 1
 
 			Behavior on opacity {
-				Anim {
-				}
+				Anim {}
 			}
 			sourceComponent: ColumnLayout {
 				spacing: 20
@@ -95,9 +88,7 @@ Item {
 				CustomText {
 					Layout.alignment: Qt.AlignHCenter
 					color: Colors.palette.m3outlineVariant
-					font.family: "CaskaydiaCove NF"
-					font.pointSize: 18
-					font.weight: 500
+					font: Tokens.font.headline.builders.small.width(90).build()
 					text: qsTr("No Notifications")
 				}
 			}
@@ -160,20 +151,17 @@ Item {
 		scale: root.notifCount > 0 ? 1 : 0.5
 
 		Behavior on opacity {
-			Anim {
-			}
+			Anim {}
 		}
 		Behavior on scale {
-			Anim {
-			}
+			Anim {}
 		}
 		sourceComponent: IconButton {
 			id: clearBtn
 
-			font.pointSize: Math.round(18 * 1.2)
+			font: Tokens.font.icon.large
 			icon: "clear_all"
-			padding: 8
-			radius: Tokens.rounding.full
+			isRound: true
 
 			onClicked: clearTimer.start()