fix(mix): honor modifier order and interpolation endpoints

packages/mix/lib/src/animation/style_animation_builder.dart

@@ -33,14 +33,7 @@ class _StyleAnimationBuilderState<S extends Spec<S>>
     extends State<StyleAnimationBuilder<S>>
     with TickerProviderStateMixin {
   late StyleAnimationDriver<S> animationDriver;
-
-  @override
-  void initState() {
-    super.initState();
-    final spec = widget.spec;
-    final config = spec.animation;
-    animationDriver = _createAnimationDriver(config: config, initialSpec: spec);
-  }
+  bool _hasInitializedAnimationDriver = false;
 
   StyleAnimationDriver<S> _createAnimationDriver({
     required AnimationConfig? config,
@@ -78,6 +71,24 @@ class _StyleAnimationBuilderState<S extends Spec<S>>
     };
   }
 
+  @override
+  void didChangeDependencies() {
+    super.didChangeDependencies();
+
+    if (!_hasInitializedAnimationDriver) {
+      final spec = widget.spec;
+      animationDriver = _createAnimationDriver(
+        config: spec.animation,
+        initialSpec: spec,
+      );
+      _hasInitializedAnimationDriver = true;
+
+      return;
+    }
+
+    animationDriver.didChangeDependencies();
+  }
+
   @override
   void dispose() {
     animationDriver.dispose();

packages/mix/lib/src/animation/style_animation_driver.dart

@@ -53,6 +53,8 @@ abstract class StyleAnimationDriver<S extends Spec<S>> {
 
   // ignore: no-empty-block
   void didUpdateSpec(StyleSpec<S> oldSpec, StyleSpec<S> newSpec) {}
+  // ignore: no-empty-block
+  void didChangeDependencies() {}
   void updateDriver(AnimationConfig config);
 
   /// Execute the animation (curve vs spring).
@@ -245,14 +247,7 @@ class PhaseAnimationDriver<S extends Spec<S>> extends StyleAnimationDriver<S> {
   }
 
   void _setUpAnimation() {
-    final specs = config.styles
-        .map((e) => e.resolve(context) as StyleSpec<S>)
-        .toList();
-
-    _tweenSequence = _createTweenSequence(specs, config.curveConfigs);
-
-    // Override the animation to use TweenSequence wrapped in a tween
-    _animation = controller.drive(_PhasedSpecTween(_tweenSequence));
+    _resolveStyles();
 
     config.trigger?.addListener(_onTriggerChanged);
 
@@ -266,6 +261,17 @@ class PhaseAnimationDriver<S extends Spec<S>> extends StyleAnimationDriver<S> {
     }
   }
 
+  void _resolveStyles() {
+    final specs = config.styles
+        .map((e) => e.resolve(context) as StyleSpec<S>)
+        .toList();
+
+    _tweenSequence = _createTweenSequence(specs, config.curveConfigs);
+
+    // Override the animation to use TweenSequence wrapped in a tween
+    _animation = controller.drive(_PhasedSpecTween(_tweenSequence));
+  }
+
   void _onTriggerChanged() {
     executeAnimation();
   }
@@ -331,6 +337,11 @@ class PhaseAnimationDriver<S extends Spec<S>> extends StyleAnimationDriver<S> {
     await controller.forward(from: 0.0);
   }
 
+  @override
+  void didChangeDependencies() {
+    _resolveStyles();
+  }
+
   @override
   void updateDriver(covariant PhaseAnimationConfig config) {
     this.config.trigger?.removeListener(_onTriggerChanged);