Add on option to quote keys

[vitto]

It would be nice to add an option to wrap key name between quotes:

What the module does now:

$colors: (
  brand: (
    primary: #0044d7,
    secondary: #b40038
  ),
  grey-scale: (
    black: rgb(0, 0, 0),
    abbey: rgb(77, 77, 77),
    boulder: rgb(121, 121, 121),
    star-dust: rgb(153, 154, 156),
    silver: rgb(187, 189, 191),
    mercury: rgb(230, 230, 230),
    haze: rgb(246, 246, 246),
    white: rgb(250, 250, 250)
  ),
  status: (
    disabled: rgb(187, 189, 191),
    error: rgb(230, 32, 68),
    info: rgb(0, 181, 184),
    neutral: rgb(77, 77, 77),
    success: rgb(133, 195, 61),
    warning: rgb(230, 169, 53)
  )
);

What it could do:

$colors: (
  "brand": (
    "primary": #0044d7,
    "secondary": #b40038
  ),
  "grey-scale": (
    "black": rgb(0, 0, 0),
    "abbey": rgb(77, 77, 77),
    "boulder": rgb(121, 121, 121),
    "star-dust": rgb(153, 154, 156),
    "silver": rgb(187, 189, 191),
    "mercury": rgb(230, 230, 230),
    "haze": rgb(246, 246, 246),
    "white": rgb(250, 250, 250)
  ),
  "status": (
    "disabled": rgb(187, 189, 191),
    "error": rgb(230, 32, 68),
    "info": rgb(0, 181, 184),
    "neutral": rgb(77, 77, 77),
    "success": rgb(133, 195, 61),
    "warning": rgb(230, 169, 53)
  )
);

Without quotes, the maps seems to work properly until I try to get quoted keys like 'black', 'silver' or 'white':

.selector {
  background-color: map-get($grey-scale, black); // returns #000
}

.selector {
  background-color: map-get($grey-scale, 'black'); // returns null
}

For choosen coding standard and choosen linting reasons, I cannot change all the files by removing the quotes, so I ask you if you could add the option to export maps with it's SASS quotes standard, would it be possible?

The problem is also listed on SASS site ⚠️Heads up! paragraph.

[rlapoele]

Hi again Vitto,
I'll come-up with an upgrade sometimes in the future regarding the possibility to quote the keys as you mentioned/suggested.
This should solve the issue you are describing above.
Note that I've never faced such issue myself before but this could be because:

• I use node-sass only.
• I always make sure to use a key value exactly similar to what is in the map; if in the map, I've used "black", then I make sure to map-get it using also "black". The same would go if I were to leverage just black.

Anyway - good luck with what you are doing and hopefully I'll find a bit time to implement what you've suggested regarding the keys (and something for values like "Arial, serif"...)
Regards.

[rlapoele]

The option to quote (single or double) keys has been added.
use the --k='dq' command line option to get double-quoted sass map keys.
You can get single quotes using --k='sq'.

Similar option is available for the values using the --v (the same option values apply such as 'auto' (no quotes), 'sq' and 'dq'.

Both new options are part of the 1.4.0 release.