digital clock: use clocktext instead of styledtext

dots/.config/quickshell/ii/modules/common/widgets/StyledText.qml

@@ -16,7 +16,7 @@ Text {
         hintingPreference: Font.PreferDefaultHinting
         family: defaultFont
         pixelSize: Appearance?.font.pixelSize.small ?? 15
-        //variableAxes: shouldUseNumberFont ? ({}) : Appearance.font.variableAxes.main
+        //variableAxes: shouldUseNumberFont ? ({}) : Appearance.font.variableAxes.main // Disabled for now because it causes some fonts to not display their weight properly
     }
     color: Appearance?.m3colors.m3onBackground ?? "black"
     linkColor: Appearance?.m3colors.m3primary

dots/.config/quickshell/ii/modules/ii/background/widgets/clock/DigitalClock.qml

@@ -54,19 +54,11 @@ ColumnLayout {
         Layout.topMargin: clockColumn.isVertical ? -10 : 0
         text: DateTime.longDate
     }
-    StyledText {
-        // Somehow gets fucked up if made a ClockText???
+    ClockText {
         visible: Config.options.background.widgets.clock.quote.enable && Config.options.background.widgets.clock.quote.text.length > 0
-        Layout.fillWidth: true
-        horizontalAlignment: root.textHorizontalAlignment
-        font {
-            pixelSize: Appearance.font.pixelSize.normal
-            weight: 350
-        }
-        color: root.colText
-        style: Text.Raised
-        styleColor: Appearance.colors.colShadow
+        font.pixelSize: Appearance.font.pixelSize.normal
         text: Config.options.background.widgets.clock.quote.text
+        animateChange: false
     }
 }