how can I return Colour in "hsl" form

[PavanTank4631]

// next.config.js

const env = require('./site.config').env;
const Colour = require('sass').types.Color;
const { r, g, b } = require('./site.config').customProperties;

const withBundleAnalyzer = require('@next/bundle-analyzer')({ enabled: !!process.env.ANALYZE });

const config = {
  env: {
    ...env,
  },
  sassOptions: {
    functions: {
      'primaryOpacityColour()': function () {
        return new Colour(r, g, b)
      },
    },
  },
};

module.exports = withBundleAnalyzer(config);

[stof]

I don't understand what your question is

[PavanTank4631]

I want to return hsl(r, g%, b%) value from the primaryOpacityColour() function, but When I tried it, It's not working

[stof]

hmm, it looks like the node API does not have the equivalent of SassColor.hsl() in the dart API for values.

[PavanTank4631]

Is there any other way to archive something like this?

[stof]

I don't think there is a way to achieve this until some improvement is done in the JS API. Currently this JS API for types is implemented to copy the API of node-sass (to make it a drop-in replacement) rather than to expose all the features of the underlying dart API.

[Awjin]

@stof is right—there's currently no way to do this. We are working on designing a new API to resolve these issues (see #2510).

[jayenashar]

is it possible to use a string somehow? like return new sass.types.String(`hsl(${h}, ${s}%, ${l}%)`);