Merge pull request #2516 from hashicorp/alex-ju/fix-yarn-warnings

Fix incorrectly met dev dependencies

Author: alex-ju

packages/components/package.json

@@ -86,6 +86,7 @@
     "concurrently": "^8.2.2",
     "ember-basic-dropdown": "^8.1.0",
     "ember-concurrency": "^4.0.2",
+    "ember-source": "~5.9.0",
     "ember-template-lint": "^6.0.0",
     "ember-template-lint-plugin-prettier": "^5.0.0",
     "eslint": "^8.57.0",
@@ -95,6 +96,7 @@
     "eslint-plugin-n": "^17.7.0",
     "eslint-plugin-prettier": "^5.1.3",
     "eslint-plugin-qunit": "^8.1.1",
+    "postcss": "^8.4.47",
     "prettier": "^3.3.2",
     "rollup": "^4.22.4",
     "rollup-plugin-copy": "^3.5.0",

packages/tokens/package.json

@@ -29,7 +29,7 @@
     "@typescript-eslint/eslint-plugin": "^8.5.0",
     "@typescript-eslint/parser": "^8.5.0",
     "del": "^5.1.0",
-    "eslint": "^7.32.0",
+    "eslint": "^8.57.0",
     "fs-extra": "^11.1.1",
     "lodash": "^4.17.21",
     "path": "^0.12.7",

packages/tokens/scripts/build-parts/generateCssHelpers.ts

@@ -16,7 +16,7 @@ export const PREFIX = 'hds';
 
 export async function generateCssHelpers(dictionary: Dictionary, config: Platform ): Promise<void> {
 
-    fs.ensureDir(`${config.buildPath}/helpers/`);
+    fs.ensureDir(`${config.buildPath}helpers/`);
 
     // tried to use style-dictionary/lib/common/formatHelpers/fileHeader.js but didn't work
     const header = `/**\n * Do not edit directly\n * Generated on ${new Date().toUTCString()}\n */\n`;
@@ -31,24 +31,24 @@ export async function generateCssHelpers(dictionary: Dictionary, config: Platfor
         // so it's simpler to process all the tokens (flat structure) and filter them
         const helpers = generateColorHelpers(dictionary.allTokens, outputCssVars);
         const content = `${header}\n${helpers.join('\n')}\n`;
-        await fs.writeFile(`${config.buildPath}/helpers/color.css`, content);
+        await fs.writeFile(`${config.buildPath}helpers/color.css`, content);
     }
 
     if (dictionary.tokens.typography) {
         const helpers = generateTypographyHelpers(dictionary.tokens.typography, outputCssVars);
         const content = `${header}\n${helpers.join('\n')}\n`;
-        await fs.writeFile(`${config.buildPath}/helpers/typography.css`, content);
+        await fs.writeFile(`${config.buildPath}helpers/typography.css`, content);
     }
 
     if (dictionary.tokens.elevation) {
         const helpers = generateElevationHelpers(dictionary.tokens.elevation, dictionary.tokens.surface, outputCssVars);
         const content = `${header}\n${helpers.join('\n')}\n`;
-        await fs.writeFile(`${config.buildPath}/helpers/elevation.css`, content);
+        await fs.writeFile(`${config.buildPath}helpers/elevation.css`, content);
     }
 
     if (dictionary.tokens['focus-ring']) {
         const helpers = generateFocusRingHelpers(dictionary.tokens['focus-ring'], outputCssVars);
         const content = `${header}\n${helpers.join('\n')}\n`;
-        await fs.writeFile(`${config.buildPath}/helpers/focus-ring.css`, content);
+        await fs.writeFile(`${config.buildPath}helpers/focus-ring.css`, content);
     }
 }

showcase/package.json

@@ -97,6 +97,7 @@
     "eslint-plugin-prettier": "^5.1.3",
     "eslint-plugin-qunit": "^8.1.1",
     "loader.js": "^4.7.0",
+    "postcss": "^8.4.47",
     "prettier": "^3.3.2",
     "prettier-plugin-ember-template-tag": "^2.0.2",
     "qunit": "^2.21.0",

website/package.json

@@ -108,6 +108,7 @@
     "mdast-util-to-string": "^4.0.0",
     "npm-run-all": "^4.1.5",
     "object-hash": "^3.0.0",
+    "postcss": "^8.4.47",
     "prember": "^2.0.0",
     "prember-middleware": "^0.1.0",
     "prember-sitemap-generator": "https://github.com/shipshapecode/prember-sitemap-generator.git#commit=c95f47042d86c4fa7b8b631f271da090672e13df",