How can I style the current active step's label?

[yash14022001]

Hey, first of all great stepper, kudos to the development team
I have one query, How can I style the current active step's label design??
Right now I am using this one for customization and I don't know if it is possible to style the current step's label

const CustomSteps = {
  ...StepsStyleConfig,
  baseStyle: (props: any) => {
    console.log("baseStyle ", props);
    return {
      ...StepsStyleConfig.baseStyle(props),
      stepIconContainer: {
        ...StepsStyleConfig.baseStyle(props).stepIconContainer,
        bg: "rgba(0, 0, 0, 0.38)",
        border: "none",
        width: "24px",
        height: "24px",
        _activeStep: {
          bg: "primary",
        },
      },
      label: {
        color: "darkBlue.500",
        fontWeight: "bold",
       // didn't work
        _activeStep: {
          fontWeight: "bold",
          color: "primary.500",
        },

      },
    };
  },
};

Also I edited the main source for removing the "padding" of 8px on connectors left and right calculations, I would like to make a PR for this that based on prop passed to Steps component it will either add or don't add the spacing on left and right on connnectior.....although this was my requirement for project I am working on.....so if this feature is popular to have than let me know