@microsoft/atlas-css 5.0.0-test.0 → 5.0.0-test.2

package/src/tokens/typography.scss

@@ -28,9 +28,6 @@ $letter-spacing-medium: 0.125rem;
 $letter-spacing-wide: 0.225rem;
 
 // Line height
-$line-height-normal: 1.4;
-
-// Reading width
-$optimal-reading-width: 688px;
+$line-height-normal: 1.3;
 
 //@end-sass-export-section

package/tokens/index.js

@@ -1,5 +1,6 @@
-const { readFile, writeFile, mkdir } = require('fs/promises');
+const { readFile, writeFile, mkdir, rm } = require('fs/promises');
 const path = require('path');
+const os = require('os');
 const { quicktype, InputData, jsonInputForTargetLanguage } = require('quicktype-core');
 const { exporter } = require('sass-export');
 
@@ -12,14 +13,37 @@ async function createTokens() {
 	const filePaths = await getInputFilesFromIndex(filePathStem, indexPath);
 	checkFileComments(filePaths);
 
+	// sass-export concatenates files via stdin and cannot resolve @use paths.
+	// Create temp copies with @use lines stripped for sass-export processing.
+	// Also strip namespace prefixes (e.g., palette.$foo → $foo) since sass-export
+	// relies on files being concatenated and doesn't understand module namespaces.
+	const tempDir = path.join(os.tmpdir(), 'atlas-tokens-' + Date.now());
+	await mkdir(tempDir, { recursive: true });
+	const tempFilePaths = await Promise.all(
+		filePaths.map(async fp => {
+			const content = await readFile(fp, 'utf8');
+			const stripped = content
+				.split('\n')
+				.filter(line => !line.trim().startsWith('@use '))
+				.join('\n')
+				.replace(/[\w-]+\.\$/g, '$');
+			const tempPath = path.join(tempDir, path.basename(fp));
+			await writeFile(tempPath, stripped);
+			return tempPath;
+		})
+	);
+
 	/** @type {import('./types').SassExportOptions} */
 	const options = {
-		inputFiles: filePaths
+		inputFiles: tempFilePaths
 	};
 
 	const exportedTokens = exporter(options).getStructured();
 	const collection = getSortedOrder(collectTokens(exportedTokens));
 
+	// Clean up temp files
+	await rm(tempDir, { recursive: true, force: true });
+
 	const outfolder = './dist';
 	const outfileStem = path.join(outfolder, 'tokens');
 
@@ -47,8 +71,13 @@ async function getInputFilesFromIndex(filePathStem, indexPath) {
 	try {
 		const indexFile = (await readFile(indexPath)).toString();
 		const lines = indexFile.split('\n').reduce((arr, line) => {
-			if (line.includes('@import')) {
-				const filePath = line.replace('@import', '').replaceAll(`'`, '').replace(';', '').trim();
+			if (line.includes('@import') || line.includes('@forward')) {
+				const filePath = line
+					.replace('@import', '')
+					.replace('@forward', '')
+					.replaceAll(`'`, '')
+					.replace(';', '')
+					.trim();
 				arr.push(path.join(filePathStem, filePath));
 			}
 			return arr;

package/src/components/reading-width.scss

@@ -1,3 +0,0 @@
-.reading-width {
-	max-width: $optimal-reading-width;
-}