fix(typography): rename md-typescale.js to md-typescale-styles.js

Fixes #5524

This fixes the new md-typescale file not being published. Our build assumes CSS-to-JS files end in "-styles".

This isn't a breaking change since the typescale classes haven't been published yet.

PiperOrigin-RevId: 617613456

divider/demo/stories.ts

@@ -7,7 +7,7 @@
 import '@material/web/divider/divider.js';
 
 import {MaterialStoryInit} from './material-collection.js';
-import {styles as typescaleStyles} from '@material/web/typography/md-typescale.js';
+import {styles as typescaleStyles} from '@material/web/typography/md-typescale-styles.js';
 import {css, html} from 'lit';
 
 /** Knob types for divider stories. */

docs/theming/typography.md

@@ -81,7 +81,7 @@ stylesheet.
 Class names follow the naming convention `.md-typescale-<scale>-<size>`.
 
 ```ts
-import {styles as typescaleStyles} from '@material/web/typography/md-typescale.js';
+import {styles as typescaleStyles} from '@material/web/typography/md-typescale-styles.js';
 
 // `typescaleStyles.styleSheet` is a `CSSStyleSheet` that can be added to a
 // document or shadow root's `adoptedStyleSheets` to use the `.md-typescale-*`

iconbutton/demo/stories.ts

@@ -11,7 +11,7 @@ import '@material/web/iconbutton/icon-button.js';
 import '@material/web/iconbutton/outlined-icon-button.js';
 
 import {MaterialStoryInit} from './material-collection.js';
-import {styles as typescaleStyles} from '@material/web/typography/md-typescale.js';
+import {styles as typescaleStyles} from '@material/web/typography/md-typescale-styles.js';
 import {css, html} from 'lit';
 
 /** Knob types for icon button stories. */

labs/card/demo/stories.ts

@@ -10,7 +10,7 @@ import '@material/web/labs/card/filled-card.js';
 import '@material/web/labs/card/outlined-card.js';
 
 import {MaterialStoryInit} from './material-collection.js';
-import {styles as typescaleStyles} from '@material/web/typography/md-typescale.js';
+import {styles as typescaleStyles} from '@material/web/typography/md-typescale-styles.js';
 import {css, html} from 'lit';
 
 /** Knob types for card stories. */

tabs/demo/stories.ts

@@ -14,7 +14,7 @@ import {MaterialStoryInit} from './material-collection.js';
 import {MdTabs} from '@material/web/tabs/tabs.js';
 import {css, html, nothing} from 'lit';
 import {ref} from 'lit/directives/ref.js';
-import {styles as typescaleStyles} from '../../typography/md-typescale.js';
+import {styles as typescaleStyles} from '../../typography/md-typescale-styles.js';
 
 /** Knob types for Tabs stories. */
 export interface StoryKnobs {