feat(transformer)!: strip css/style suffixes from variable names in class generation

Class names derived from variable names now omit trailing `css`, `style`, or `styles`, making the output more concise.

BREAKING CHANGE: CSS class names generated from variables ending with `/css|styles?/` will now have these suffixes removed.

Author: kh4f

packages/rawstyle/src/transformer.ts

@@ -36,17 +36,17 @@ export const transform = (file: string, source: string): TransformResult => {
 
 		TaggedTemplateExpression(node) {
 			const tag = node.tag
-			if (tag.type !== 'Identifier' || !/^g?css$/.test(tag.name)) return
+			if (tag.type !== 'Identifier' || !/^g?css$/.test(tag.name) || !activeVarName) return
 
 			const cssTpl = source.slice(node.quasi.start + 1, node.quasi.end - 1)
 			let rep = ''
 			if (tag.name === 'gcss') {
 				css += cssTpl
 				rep = '""'
 			} else {
-				const clName = `${activeVarName}_${fileHash}`
+				const clName = `${activeVarName.replace(/css|styles?$/i, '')}_${fileHash}`
 				css += `.${clName} {${cssTpl}}`
-				rep = `'${activeVarName}_${fileHash}'`
+				rep = `'${clName}'`
 			}
 
 			replacements.push({ start: node.start, end: node.end, replacement: rep })