feat: fontbuilder to streamline font styling

Modules/Lock/NotifGroup.qml

@@ -80,7 +80,7 @@ CustomRect {
 
 				MaterialIcon {
 					color: root.urgency === "critical" ? Colors.palette.m3onError : root.urgency === "low" ? Colors.palette.m3onSurface : Colors.palette.m3onSecondaryContainer
-					font.pointSize: Tokens.font.size.large
+					fontStyle: Tokens.font.icon.large
 					text: Icons.getNotifIcon(root.notifs[0]?.summary, root.urgency)
 				}
 			}
@@ -133,14 +133,14 @@ CustomRect {
 					Layout.fillWidth: true
 					color: Colors.palette.m3onSurfaceVariant
 					elide: Text.ElideRight
-					font.pointSize: Tokens.font.size.small
+					font: Tokens.font.body.small
 					text: root.modelData
 				}
 
 				CustomText {
 					animate: true
 					color: Colors.palette.m3outline
-					font.pointSize: Tokens.font.size.small
+					font: Tokens.font.body.small
 					text: root.notifs[0]?.timeStr ?? ""
 				}
 
@@ -153,12 +153,10 @@ CustomRect {
 					radius: Tokens.rounding.full
 
 					Behavior on Layout.preferredWidth {
-						Anim {
-						}
+						Anim {}
 					}
 					Behavior on opacity {
-						Anim {
-						}
+						Anim {}
 					}
 
 					StateLayer {
@@ -181,7 +179,7 @@ CustomRect {
 							Layout.leftMargin: Tokens.padding.extraSmall / 2
 							animate: true
 							color: root.urgency === "critical" ? Colors.palette.m3onError : Colors.palette.m3onSurface
-							font.pointSize: Tokens.font.size.small
+							font: Tokens.font.body.small
 							text: root.notifs.length
 						}
 
@@ -261,8 +259,7 @@ CustomRect {
 				opacity: root.expanded ? 1 : 0
 
 				Behavior on opacity {
-					Anim {
-					}
+					Anim {}
 				}
 				sourceComponent: ColumnLayout {
 					Repeater {
@@ -270,8 +267,7 @@ CustomRect {
 							values: root.notifs.slice(Config.notifs.groupPreviewNum)
 						}
 
-						NotifLine {
-						}
+						NotifLine {}
 					}
 				}
 			}