Emmet with percentage unit does not trigger in CSS-in-JS

<!-- ⚠️⚠️ Do Not Delete This! bug_report_template ⚠️⚠️ --> <!-- Please read our Rules of Conduct: https://opensource.microsoft.com/codeofconduct/ --> <!-- 🕮 Read our guide about submitting issues: https://github.com/microsoft/vscode/wiki/Submitting-Bugs-and-Suggestions --> <!-- 🔎 Search existing issues to avoid creating duplicates. --> <!-- 🧪 Test using the latest Insiders build to see if your issue has already been fixed: https://code.visualstudio.com/insiders/ --> <!-- 💡 Instead of creating your report here, use 'Report Issue' from the 'Help' menu in VS Code to pre-fill useful information. --> <!-- 🔧 Launch with `code --disable-extensions` to check. --> Does this issue occur when all extensions are disabled?: Yes <!-- 🪓 If you answered No above, use 'Help: Start Extension Bisect' from Command Palette to try to identify the cause. --> <!-- 📣 Issues caused by an extension need to be reported directly to the extension publisher. The 'Help > Report Issue' dialog can assist with this. --> - VS Code Version: 1.60.0 (user setup) - OS Version: Windows_NT x64 10.0.19042 Steps to Reproduce: 1. Create style.js file. 2. Create a CSS class in CSS-in-JS style (see example below). 3. Write `w100p` to inspect the autocomplete suggestion list. <table> <tr valign="top"> <td> <img src="https://user-images.githubusercontent.com/26019822/132638818-afde1847-1016-4796-9567-7a9f76b6c793.gif" alt="CSS in JS" /> </td> <td> <img src="https://user-images.githubusercontent.com/26019822/132638835-128aea37-bf93-41a7-959a-bd22ed66be89.gif" alt="Regular CSS" /> </td> </tr> <tr> <td>CSS in JS</td> <td>Regular CSS</td> </tr> </table> I'm sorry if this is a duplicate, I googled but ended up with no solution being found. How can I have Emmet expand my snippet to `width: 100%;`?