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

package/src/tokens/typography.scss

@@ -28,10 +28,6 @@ $letter-spacing-medium: 0.125rem;
 $letter-spacing-wide: 0.225rem;
 
 // Line height
-$line-height-normal: 1.4;
+$line-height-normal: 1.3;
 
-// Reading width
-$optimal-reading-width: 688px;
-$reading-width-padding: 24px;
-$reading-width-padded: $optimal-reading-width + ($reading-width-padding * 2);
 //@end-sass-export-section

package/tokens/index.js

@@ -15,6 +15,8 @@ async function createTokens() {
 
 	// 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(
@@ -23,7 +25,8 @@ async function createTokens() {
 			const stripped = content
 				.split('\n')
 				.filter(line => !line.trim().startsWith('@use '))
-				.join('\n');
+				.join('\n')
+				.replace(/[\w-]+\.\$/g, '$');
 			const tempPath = path.join(tempDir, path.basename(fp));
 			await writeFile(tempPath, stripped);
 			return tempPath;

package/src/components/reading-width.scss

@@ -1,10 +0,0 @@
-@use '../tokens/index.scss' as *;
-
-.reading-width {
-	max-width: $optimal-reading-width;
-}
-
-.reading-width-padded {
-	width: $reading-width-padded;
-	padding: $reading-width-padding;
-}