refactor: convert Slider to functional component (#20329)

* refactor: convert Slider to functional component

* refactor: resolve lint errors and warnings

Author: adamalston

packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap

@@ -7927,7 +7927,108 @@ Map {
     },
   },
   "Slider" => {
-    "displayName": "ClassWrapper(Slider)",
+    "propTypes": {
+      "ariaLabelInput": {
+        "type": "string",
+      },
+      "children": {
+        "type": "node",
+      },
+      "className": {
+        "type": "string",
+      },
+      "disabled": {
+        "type": "bool",
+      },
+      "formatLabel": {
+        "type": "func",
+      },
+      "hideLabel": {
+        "type": "bool",
+      },
+      "hideTextInput": {
+        "type": "bool",
+      },
+      "id": {
+        "type": "string",
+      },
+      "inputType": {
+        "type": "string",
+      },
+      "invalid": {
+        "type": "bool",
+      },
+      "invalidText": {
+        "type": "node",
+      },
+      "labelText": {
+        "type": "node",
+      },
+      "light": [Function],
+      "max": {
+        "isRequired": true,
+        "type": "number",
+      },
+      "maxLabel": {
+        "type": "string",
+      },
+      "min": {
+        "isRequired": true,
+        "type": "number",
+      },
+      "minLabel": {
+        "type": "string",
+      },
+      "name": {
+        "type": "string",
+      },
+      "onBlur": {
+        "type": "func",
+      },
+      "onChange": {
+        "type": "func",
+      },
+      "onInputKeyUp": {
+        "type": "func",
+      },
+      "onRelease": {
+        "type": "func",
+      },
+      "readOnly": {
+        "type": "bool",
+      },
+      "required": {
+        "type": "bool",
+      },
+      "step": {
+        "type": "number",
+      },
+      "stepMultiplier": {
+        "type": "number",
+      },
+      "translateWithId": {
+        "type": "func",
+      },
+      "unstable_ariaLabelInputUpper": {
+        "type": "string",
+      },
+      "unstable_nameUpper": {
+        "type": "string",
+      },
+      "unstable_valueUpper": {
+        "type": "number",
+      },
+      "value": {
+        "isRequired": true,
+        "type": "number",
+      },
+      "warn": {
+        "type": "bool",
+      },
+      "warnText": {
+        "type": "node",
+      },
+    },
   },
   "SliderSkeleton" => {
     "propTypes": {

packages/react/src/components/FeatureFlags/index.tsx

@@ -33,6 +33,8 @@ export interface FeatureFlagsProps {
   enableV12DynamicFloatingStyles?: boolean;
   enableEnhancedFileUploader?: boolean;
 }
+
+// TODO: Can this variable be deleted now? It isn't used anywhere.
 /**
  * Our FeatureFlagContext is used alongside the FeatureFlags component to enable
  * or disable feature flags in a given React tree

packages/react/src/components/Slider/Slider.stories.js

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -10,7 +10,7 @@ import React, { useState } from 'react';
 import { WithLayer } from '../../../.storybook/templates/WithLayer';
 
 import { SliderSkeleton } from '.';
-import Slider from './Slider';
+import { Slider } from './Slider';
 import mdx from './Slider.mdx';
 
 export default {