feat: improve text anim

Force opacity only and use expressive effect curves

components/StyledText.qml

@@ -8,10 +8,6 @@ Text {
     id: root
 
     property bool animate: false
-    property string animateProp: "scale"
-    property real animateFrom: 0
-    property real animateTo: 1
-    property int animateDuration: Tokens.anim.durations.normal
 
     renderType: Text.NativeRendering
     textFormat: Text.PlainText
@@ -27,20 +23,18 @@ Text {
 
         SequentialAnimation {
             Anim {
-                to: root.animateFrom
+                target: root
-                easing: Tokens.anim.standardAccel
+                property: "opacity"
+                to: 0
+                type: Anim.FastEffects
             }
             PropertyAction {}
             Anim {
-                to: root.animateTo
-                easing: Tokens.anim.standardDecel
-            }
-        }
-    }
-
-    component Anim: NumberAnimation {
                 target: root
-        property: root.animateProp
+                property: "opacity"
-        duration: root.animateDuration / 2
+                to: 1
+                type: Anim.DefaultEffects
+            }
+        }
     }
 }

modules/lock/Center.qml

@@ -257,7 +257,6 @@ ColumnLayout {
             scale: shouldBeVisible && !message.msg ? 1 : 0.7
             opacity: shouldBeVisible && !message.msg ? 1 : 0
             color: Colours.palette.m3onSurfaceVariant
-            animateProp: "opacity"
 
             font: Tokens.font.mono.small
             horizontalAlignment: Qt.AlignHCenter