[Slider] Update Slider onChange, onChangeCommitted

- Set onChangeCommitted callback in Slider to receive the last argument passed to onChange

packages/mui-material/src/Slider/useSlider.ts

@@ -238,6 +238,8 @@ export function useSlider(parameters: UseSliderParameters): UseSliderReturnValue
   const [open, setOpen] = React.useState(-1);
   const [dragging, setDragging] = React.useState(false);
   const moveCount = React.useRef(0);
+  // lastChangedValue is updated whenever onChange is triggered.
+  const lastChangedValue = React.useRef<number | number[] | null>(null);
 
   const [valueDerived, setValueState] = useControlled({
     controlled: valueProp,
@@ -567,7 +569,8 @@ export function useSlider(parameters: UseSliderParameters): UseSliderReturnValue
     }
 
     if (handleChange && !areValuesEqual(newValue, valueDerived)) {
-      handleChange(nativeEvent, newValue, activeIndex);
+      lastChangedValue.current = newValue;
+      handleChange(nativeEvent, lastChangedValue.current ?? newValue, activeIndex);
     }
   });
 
@@ -587,7 +590,7 @@ export function useSlider(parameters: UseSliderParameters): UseSliderReturnValue
     }
 
     if (onChangeCommitted) {
-      onChangeCommitted(nativeEvent, newValue);
+      onChangeCommitted(nativeEvent, lastChangedValue.current ?? newValue);
     }
 
     touchId.current = undefined;