How to plot different colors to different data labels background or data labels colors based on data label value?

[GantaVenkataKousik]

dataLabels: {
enabled: true,
style: {
fontSize: '12px',
fontFamily: "'Gantari', sans-serif",
},
background: {
enabled: true,
formatter: function (value) {
if (value > parseFloat(biomarkerInfo.highRange))
return 'hsl(0 100% 60%)'
if (value < parseFloat(biomarkerInfo.lowRange))
return 'hsl(40 100% 62%)'
},
},
dropShadow: {
enabled: true,
},
},

this was not working

This was setting the same color

        dataLabels: {
  enabled: true,
  style: {
    fontSize: '12px',
    fontFamily: "'Gantari', sans-serif",
    formatter: function (value) {
      if (value > parseFloat(biomarkerInfo.highRange))
        return 'hsl(0 100% 60%)'
      if (value < parseFloat(biomarkerInfo.lowRange))
        return 'hsl(40 100% 62%)'
    },
  },
  background: {
    enabled: true,
    foreColor: 'red'
  },
  dropShadow: {
    enabled: true,
  },
},