fix: non-set tokens should have names

lib/css-sets-formatter.js

@@ -17,7 +17,7 @@ const valueFormatter = (token, dictionary) => {
 const formatter = ({ dictionary, platform, file, options }) => {
   const resultAr = [];
   dictionary.allTokens.forEach((token) => {
-    let name = [];
+    let name = token.path;
     if (isASet(options)) {
       const setsIndex = token.path.indexOf("sets");
       name = token.path.filter((element, index) => {

tests/css-formatter.test.js

@@ -50,7 +50,7 @@ beforeEach(() => {
 });
 
 afterEach(() => {
-  helpers.clearOutput();
+  // helpers.clearOutput();
 });
 
 test("basic data with sets keyword in path should provide basic css", () => {
@@ -84,3 +84,23 @@ test("should handle multi nested reference css", () => {
   });
   expect(result).toEqual(expected);
 });
+
+test("tokens without sets should still have names", () => {
+  const filename = "multi-ref";
+  const config = generateConfig(filename);
+  config.platforms.CSS.files[0].filter = (token) => {
+    return !("sets" in token.attributes);
+  };
+  const sd = StyleDictionary.extend(config);
+  sd.buildAllPlatforms();
+  const result = fs.readFileSync(
+    path.join(helpers.outputDir, `${filename}.css`),
+    {
+      encoding: "utf8",
+    }
+  );
+  const expected = fs.readFileSync(`./tests/expected/${filename}.css`, {
+    encoding: "utf8",
+  });
+  expect(result).toEqual(expected);
+});

tests/expected/multi-ref.css

@@ -0,0 +1,5 @@
+:root {
+  --background-color: var(--color-gray-100);
+  --light-gray: #EEEEEE;
+  --dark-gray: #111111;
+}