[bug]: New theme creation - tailwind preset issues

[jemoon]

Describe the bug

After new theme creation (according to: https://developer.adobe.com/commerce/pwa-studio/guides/theming/#create-a-new-theme) there are multiple error notices shown in console during compilation f.eg /components/Header/currencySwitcher.module.css The '-sm' screen does not exist in your theme

To reproduce

Steps to reproduce the behavior:

1. Create my-theme-preset.js with following content:
   module.exports = { theme: { extend: { fontFamily: { sans: ["Courier", "sans-serif"], }, }, }, };
2. Import preset in tailwind.config.js by placing following line:
   const myThemePreset = require("./my-theme-preset");
3. Change presets configuration so it will look like presets: [venia, myThemePreset]
4. Run compilation

Expected behavior

Compilation process should be finished withour any errors.

Please complete the following device information:

• PWA Studio 14.0.0

Please let us know what packages this bug is in regards to:

• venia-concept
• venia-ui
• pwa-buildpack
• peregrine
• pwa-devdocs
• upward-js
• upward-spec
• create-pwa

[m2-assistant]

Hi @jemoon. Thank you for your report.
To speed up processing of this issue, make sure that you provided sufficient information.
Add a comment to assign the issue: @magento I am working on this

---

Join Magento Community Engineering Slack and ask your questions in #github channel.

[glo82145]

@adobe export issue to JIRA project PWA as Bug

[github-jira-sync-bot]

✅ Jira issue https://jira.corp.adobe.com/browse/PWA-3364 is successfully created for this GitHub issue.

[IgorsKolcins]

Are there any updates or workarounds? Experiencing the same error.