feat: add rename css feature

This commit introduces a change in the way CSS selectors are extracted.
Previously, only the keys of the query object were used as filters. Now,
both keys and values are used, allowing for more precise CSS extraction.
The values in the query object can now be used to replace the selected
CSS, providing more flexibility and control over the CSS extraction
process.

Author: ryoppippi

mod.ts

@@ -118,10 +118,16 @@ export function importCSSPreprocess(): PreprocessorGroup {
           let replaceText: string | undefined = undefined;
 
           if (Object.keys(query).length > 0) {
+            const filters = Object.entries(query).map(([key, value]) => ({
+              selector: key,
+              replacement: value ?? undefined,
+            }));
+
             const selectedCss: string = await cssSelectorExtract.process({
               css: cssText,
-              filters: Object.keys(query),
+              filters,
             });
+
             replaceText = selectedCss;
           } else {
             replaceText = cssText;